Do any browsers support the CSS3 pseudo-element "marker"?
2021 update: all modern browsers have added support for ::marker
- Firefox since v68
- Safari since v11.1 (limited to
color
andfont
) - Chrome (and Edge) since v86
- Opera since v72
https://developer.mozilla.org/en-US/docs/Web/CSS/::marker#browser_compatibility
While no browsers support the spec, Firefox has it's own way of doing things:
li::-moz-list-bullet {
color:blue;
}
Source: https://bugzilla.mozilla.org/show_bug.cgi?id=205202
Could you use :before
instead?
li {
display: block;
list-style-position: inside;
margin: 0;
}
li:before {
content:" • ";
color: green;
}