任何浏览器都支持CSS3伪元素“标记”吗？

Question

可以使用伪元素“marker”修改列表项（li）标记的规范specifies，如下所示：

li::marker { color: blue; }

但我似乎无法在任何浏览器中使用它。

是否有任何浏览器支持此功能？或者我做错了什么？

Answer 1

回答你的问题：不，今天没有浏览器支持这个。

Answer 2

您可以改用:before吗？

li {
 display: block;
 list-style-position: inside;
 margin: 0;
}
li:before { 
 content:" • ";  
 color: green;
}

Answer 3

虽然没有浏览器支持该规范，但Firefox有自己的做法：

li::-moz-list-bullet {
color:blue;
}

来源：https://bugzilla.mozilla.org/show_bug.cgi?id=205202

Answer 4

您无法单独更改标记的颜色，但您可以使用list-style-image更改其图像，请参阅here。解决方法：

<ul><li style="color:blue;"><span style="color:black">test</span></li></ul>

Answer 5

没有浏览器支持此功能，但可以使用（list-style-type：和list-style-image）属性，也可以使用类之前和之后的伪。