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

Limited availability95% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

86+
80+
86+
ESC