how do i change the color of a list circle. i want it to be a red circle. im pretty sure thats its not possible but im wondering if theres any ways to do it.

1 answer

o.k.w 2355
4
points

The bullet (the circle) color formatting of a list is styled together with the list content itself.

There are few ways to do it. One is to use image as the list bullet. Another 'trick' is to style the list (including the bullet) in one color, and the content in another using a child container.

E.g.

<style type="text/css">
  li.redlist {color: red;}
  li.redlist span {color: black}
</style>

<li class="redList"><span>text</span></li>
Answered almost 7 years ago by o.k.w