unordered list with bullets a different color from text

[theebalinda]

Hi everyone;
Just wondering if anyone knew how to make the
bullet in an unordered list a different color than
the text.

thanks,
TheebaLinda

[bird]

<ul style="list-style-image:url(green.gif);"> 
 <li>first item</li> 
 <li>second item</li> 
 <li>etc...</li> 
</ul>

Obvously, you can change more than just the color that way... ;)

[tedster]

Just one caution, those image bullets won't scale with different font sizes like the default font bullets do (which is obvious once you think about it).

I think you can also define the ul style and then put a span around the text in each <li></li> to change the font color. This would give you scalable bullets.

[tedster]

It works:

<ul style="color:blue">
<li><span style="color:red">One</span></li>
<li><span style="color:green">Two</span></li>
<li><span style="color:violet">Three</span></li>
</ul>

[bird]

Heh, now you inspired me to more experiments:

<ul>
<li style="color: green;"><span style="color: pink;">eins</span></li>
<li style="color: blue;"><span style="color: orange;">zwei</span></li>
<li style="color: red;"><span style="color: black;">drei</span></li>
</ul>

It may not be pretty, but it sure is colorful... ;)

[tedster]

You never can tell when those little flashes of brilliance will come in handy.

[theebalinda]

Thanks so much;

exactly what I needed : )