Sunday, 15 September 2013

html - Need a CSS hack to get the numbers to not show up on an unordered list -



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

class="lang-css prettyprint-override">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