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