Is there any way to change color of the list-style circle using css [duplicate]

Question

Possible Duplicate:
How to define the Color of Bullets in UL/LI Lists via CSS, WITHOUT using any image bullets or any span tag?

how can change the color of the list-style circle using css

my css is:

 ul{ list-style:circle; }

Mr.T.K · Accepted Answer · 2011-11-29 11:06:32Z

7

try this.

 <ul> <li><span>text</span></li> </ul> ul li { list-style:circle; color:blue; } ul li span { color:#000; }

answered Nov 29, 2011 at 11:06

2,3567 gold badges26 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thomaszter · Accepted Answer · 2011-11-29 11:10:39Z

3

There is:

ul { list-style:circle; color:blue; }

For other font color additionally do this:

ul span { color:black; }

and html:

<ul> <li><span>This is a black line</span></li> </ul>

answered Nov 29, 2011 at 11:03

1,4842 gold badges14 silver badges26 bronze badges

now the text color also become blue ,i don't want that,i want only the circle color needs to change..

thats why I edited the answer ;)

Pbirkoff · Accepted Answer · 2011-11-29 11:07:05Z

The answer in the topic Soufiane Hassou mentioned is the best way to go, but if you don't mind using spans in the li, you could use:

ul { list-style: circle; color: #FF0000; } ul span { color: Black; }

Where the HTML is:

<ul> <li> <span>Test-text</span> </li> </ul>

This will mark the bullet red, but the text Black.