设置点颜色很容易,但在最新版本的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(如果你喜欢的话)

最佳答案

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

li {
    list-style: none;
}

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

小提琴here

07-24 09:46
查看更多