LI bullet color

[ShMiL]

Can I choose the color for the bullets in lists (without affecting the color of the text between the <li> and the </li>)?
Thanks...

[Tails]

I don't know if you can just change the color, but you can do better. You can assign images. Try this:

<style>
li{list-style-image:url("pic.gif")}
</style>

A working example is here: http://XFox_Prower.tripod.com/updates.htm

32x32 should be the limit for bullet sizes. And remember that nested List Items can have other images like so:

<style>
li ul li{}
</style>

[ShMiL]

I knew that, but thought there was a way to color the bullets.
Thanks anyways.

[zoobie]

<span style="color:red">&amp#149;</span> :D

[cg9com]

i think the best way would be just to color the text different from the ul,li coloring via inline CSS, pretty primitive but i dont think there is another solution.

[bazz]

yup. you could do it as cg9com suggests but I would do it using a separate .css style sheet. Then if you decide to change the colours either on one page or throughout the site, you can do it with one change. :p

[ShMiL]

I did what cg9com suggested - thanks.
If we're talking about lists, I thought it'd be ok to ask another question here:
Is it possible to change the size of the bullet? (without using images)

Thanks.

[beetle]

The size of the bullet is controlled by the font-size of the LI

[ShMiL]

great
thanks!

[ShMiL]

Originally posted by beetle
The size of the bullet is controlled by the font-size of the LI
I just found the time to check your advice and i'm afraid your'e wrong...
I still can't find a way to affect the size of the bullets.

[beetle]

Hmm. You're right. I assumed that would be the case since the style of the LI is what applies the the bullet (such as color)

It seems this is an IE-only "bug" for <ul> elements, as Opera 7 and Mozilla both resize the bullet properly.

[ShMiL]

So, there is no way of resizing the bullets (in IE)?!

[beetle]

I'm searching Google and MSDN, but I haven't found anything yet :(