::markerLimited availability

The ::marker CSS pseudo-element selects list item markers for styling numbers or bullets.

Not yet supported in all major browsers — check the table and provide a fallback.

Browser support

DesktopChrome

1–85Not supported

86+Supportedsince Oct 20, 2020

Current: 155

Edge

12–85Not supported

86+Supportedsince Oct 9, 2020

Current: 154

Firefox

1–79Not supported

80+Supportedsince Aug 25, 2020

Current: 157

Safari

✕Not supportedup to 27

Current: 27

MobileChrome Android

18–85Not supported

86+Supportedsince Oct 20, 2020

Current: 155

Firefox Android

4–79Not supported

80+Supportedsince Aug 31, 2020

Current: 157

Safari iOS

✕Not supportedup to 27

Current: 27

Not supported in Safari, Safari iOS. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Full syntax and examples are on MDN: ::marker.

CSS · check before using

@supports selector(::marker) {
  /* styles that use ::marker */
}

/* or in JavaScript */
if (CSS.supports("selector(::marker)")) {
  // use it
}

Support for each part of the feature (2). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
marker	86	86	68	✕	86	68	✕
marker.animation_and_transition_support	86	86	80	✕	86	80	✕