Unordered Lists

**Wynd** · Apr 17th, 2001, 09:58 PM

Is there any way I can change the color of a UL bullet with CSS, without changing the color of the body text?

**Jerry Grant** · Apr 18th, 2001, 06:22 AM

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>

**Wynd** · Apr 18th, 2001, 01:46 PM

K, thanks.

Thread: Unordered Lists

Thread Tools

Display

Posting Permissions