How TO - Change Bullet Color of Lists
Learn how to change bullet colors for lists with CSS.
Change Bullet Color
- Adele
- Agnes
- Billy
- Bob
Step 1) Add HTML:
Create a basic list:
Example
<ul>
<li>Adele</li>
<li>Agnes</li>
<li>Billy</li>
<li>Bob</li>
</ul>
Step 2) Add CSS:
Use the ::marker selector to change the bullet color of a list item: