更改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;
}

小提琴here。