html - How to color only the bullet in a unordered list -

html - How to color only the bullet in a unordered list -

this question has reply here:

change bullets color of html list without using span 7 answers

i have following:

<ul> <li>test #1</li> <li>test #2</li> <li>test #3</li> </ul>

css:

ul { list-style-type: square; text-align: left; padding-left: 10%; } ul li { padding: 5px; color: #00539b }

jsfiddle: http://jsfiddle.net/andsf1x2/

how can create bullets bluish , text default color

you utilize span give more command on css texts html

<ul> <li><span>test #1</span></li> <li><span>test #2</span></li> <li><span>test #3</span></li> </ul>

css

ul { list-style-type: square; text-align: left; padding-left: 10%; } /*below bullets' colors*/ ul li { padding: 5px; color: #00539b } /*below text's colors*/ ul span{ padding: 5px; color: #000000 }

html css