::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.

Quick example

li::marker {
  color: #ff6347;
  font-weight: bold;
  /* makes the list bullets bold and tomato red */
}

::marker Browser Support

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.

Safe to use without fallbacks.

86+
68+
11.1+
86+
ESC