更改Chrome中的项目符号颜色？

Question

设置项目符号颜色很容易，但更改它似乎不适用于最新版本的Chrome（它在Safari和Firefox中可以正常工作）。

例如，将鼠标悬停在代码段中的元素上：

  li { list-style-type: disc; list-style-position: outside; margin-left: 20px; } ul { transition: color .3s linear; color: red; } ul:hover { color: black; } 

 <ul> <li>First</li> <li>Second</li> <li>Third</li> </ul> 

或者JSFiddle （如果你愿意的话）

Answer 1

您可以删除所有列表样式并添加一个伪元素，这将使<li>元素看起来像具有光盘样式。

li {
    list-style: none;
}

li:before {
    content: '\25CF\00a0\00a0';
    display: inline;
}

在这里小提琴