::marker

Targets the list item marker (usually the bullet point or number) of a list element. It allows you to style the bullet separately from the text of the list item.

/* Usage Example */
li::marker {
  color: #ff6347;
  font-weight: bold;
  /* makes the list bullets bold and tomato red */
}
Widely available Since 2015 95% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

86+
68+
11.1+
86+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC