设置点颜色很容易,但在最新版本的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。