> -----Ursprüngliche Nachricht-----
> Von: [EMAIL PROTECTED] 
> [mailto:[EMAIL PROTECTED] Im Auftrag von 
> Jeff Blaine
> Gesendet: Mittwoch, 5. März 2008 17:19
> An: [email protected]
> Betreff: [css-d] Non-image list-style-type coloring?
> 
> 
> I don't see a CSS2 way to apply a color to JUST the list item 
> marker (disc, square, whatever).
> 
> Have I missed it?  I don't want to use an image.  I just want 
> to make the list item marker itself 20% less imposing by 
> lightening it relative to body text color.
> 
> Side question:  Barring a solution above, how do I use a 
> chosen character as the list item marker?  I've seen people 
> use those '>>' glyphs before (&something;), but don't know 
> how to do it in this context.
> 
> Thanks for any help. 
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED] 
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Hello,

with some extra markup you can achive what you want. You have to encapsulate
the list items content in an additional span:
<ul>
  <li><span>a</span></li>
  <li><span>b</span></li>
  <li><span>c</span></li>
</ul>

Now you can define a color for the li element, which will be the color of
the list bullet, and a color for the contents inside the span.

ul li {
  color: #f00;
}

ul li span {
  color: #00f;
}

Best regards,

Christian Kirchhoff

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to