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

fiddle here .