Is there any way I can change the color of a UL bullet with CSS, without changing the color of the body text?
Printable View
Is there any way I can change the color of a UL bullet with CSS, without changing the color of the body text?
Assign the UL with a style, then each LI text with a DIV style.
See the following example:
Code:<HTML>
<HEAD>
<TITLE>UL CSS test</TITLE>
<STYLE type="text/css">
UL.cBullet
{
color: red;
}
DIV.cText
{
color: blue;
font-family: verdana,arial;
}
</style>
</HEAD>
<BODY>
<UL class="cBullet">
<LI><DIV class="cText">This is the first bulleted item in the list.</DIV>
<LI><DIV class="cText">And this is the second bulleted item in the list.</DIV>
</UL>
</FONT>
</BODY>
</HTML>
K, thanks.