How to change the bullet color of the list

Learn how to use CSS to change the bullet color of the list.

Change the bullet color

  • Bill
  • Elon
  • Steve
  • John

Try it yourself

How to change the bullet color of the list

Step 1 - Add HTML:

Create a basic list:

<ul>
  <li>Adele</li>
  <li>Agnes</li>
  <li>Billy</li>
  <li>Bob</li>
</ul>

Step 2 - Add CSS:

Use ::marker Use a selector to change the bullet color of list items:

li::marker {  
  color: red;  
}

Try it yourself