how to set ul li bullet point color

Question

Possible Duplicate    Change bullets color in a list without span       Normally  the bullet point in ul li is a black solid circle  I want to change the style of it  like I want to set the color of the bullet point to be green  I also want to change the bullet point to be a square  Anyone knows how to do that

User · Answer

Apply the color to the li and set the span  or other child element  color to whatever color the text should be   ul       list-style-type  square     ul  gt  li       color  green     ul  gt  li  gt  span       color  black      JSFiddle

User · Answer

http   www w3schools com cssref pr list-style-type asp  You need to use list-style-type  to change bullet type style and the above link has all of the options listed  As others have stated the color is changed using the color property on the ul itself  To create  black filled  bullets  use  disc  instead of  circle  i e       list-style-type disc

User · Answer

I believe this is controlled by the css color property applied to the element

User · Answer

A couple ways this can be done   This will make it a square  ul     list-style-type  square      This will make it green  li     color   0F0      This will prevent the text from being green  li p     color   000      However that will require that all text within lists be in paragraphs so that the color is not overridden   A better way is to make an image of a green square and use   ul     list-style  url green-square png

[html] how to set ul/li bullet point color?

Examples related to html

Examples related to css