更改HTML列表中项目符号的颜色？

小编典典

css

我所希望的是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色，我不知道如何更改它。

我知道我只能使用图像；如果可以的话，我宁愿不这样做。

阅读 2049

2020-05-16

共1个答案

小编典典

项目符号从文本中获取颜色。因此，如果您要使用不同于列表中文本颜色的项目符号，则必须添加一些标记。

将列表文本换成跨度：

<ul>
  <li><span>item #1</span></li>
  <li><span>item #2</span></li>
  <li><span>item #3</span></li>
</ul>

然后稍微修改您的样式规则：

li {
  color: red; /* bullet color */
}
li span {
  color: black; /* text color */
}

2020-05-16