change bullet colour

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • nitinpatel1117
    New Member
    • Jun 2007
    • 111

    change bullet colour

    does anyone know a better way of changing the colour of a bullet point, without having to resort to the following:


    <style>
    ul li { color:green; }
    ul li span { color:black; }
    </style>

    <ul>
    <li><span>One .</span></li>
    <li><span>Two .</span></li>
    </ul>


    I'm trying to avoid using the <span> element inside the <li>
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    <style type="text/css">
    ul li { color:green; }
    ul li.nospan { color:black; }
    </style>

    <ul>
    <li class="nospan"> One.</li>
    <li class="nospan"> Two.</li>
    </ul>

    Comment

    • tburger
      New Member
      • Jul 2007
      • 58

      #3
      Another option is to create a background image for the <li> elements. This gives you almost complete freedom over the style you choose to incorporate into your lists..

      enjoy

      Tom

      Comment

      Working...