html - Need a CSS hack to get the numbers to not show up on an unordered list -
i'm using content management scheme places fields within ordered list, 1 of clients wants list without numbers. css
file cannot override preventing me changing list-style-type
none
(even if utilize nuclear option, !important
). if know of one, safe css hack create numbers removed or invisible. time.
here's fiddle:
http://jsfiddle.net/x3bm8yk7/
html:
<ol class="no-numbers"> <li>here's first item in list</li> <li>here's sec item in list</li> <li>here's 3rd item in list</li> </ol>
css:
ol.no-numbers /* can't alter list-style properties */ { }
if can't alter list-style
, can try
ol.no-numbers > li { display: block; }
instead of default display: list-item
.
class="snippet-code-css lang-css prettyprint-override">/* can't alter list-style properties */ ol.no-numbers > li { display: block; }
class="snippet-code-html lang-html prettyprint-override"><ol class="no-numbers"> <li>here's first item in list</li> <li>here's sec item in list</li> <li>here's 3rd item in list</li> </ol>
html css
No comments:
Post a Comment