CSS ::marker Selector

.example1 li::marker {
  color: red;
  font-size: 1.5em;
}

.example2 li::marker {
  content: '✝ ';
  font-size: 1.2em
}

Meaning

The ::marker selector selects the marker box of a list item, which typically contains a bullet or number.

It works on any element or pseudo-element set to display: list-item;, such as the <li> and <summary> elements.

Version: CSS3

Standard Syntax

::marker {
  css declarations;
}

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Status

Allowable properties

Only certain CSS properties can be used in a rule with ::marker as a selector:

• All font properties
• The white-space property
• The color property
• text-combine-upright, unicode-bidi and direction properties
• The content property
• All animation and transition properties