在html中为有序列表着色

Question

  

可能重复：
  Is there an easy way to change the color of a bullet in a list?

我有一个有序列表

 ul{
  list-style-type:circle;
 }    

<ul>
<li>one</li>
<li>two</li>
</ul>

如何用蓝色而不是字体填充圆圈？

Answer 1

在这种情况下，您必须创建一个用作项目符号的图像，然后通过list-style-image进行设置。

Answer 2

<ul>
<li><span>one</span></li>
<li><span>two</span></li>
</ul>

如果您使用上述html代码，则可以将ul的颜色设置为蓝色，将li span的颜色设置为黑色。这应该会产生预期的效果。

BTW：你的清单是无序清单。

Answer 3

首先，它是无序列表，没有排序，有序是OL，元素具有特定的显式顺序。 其次，你可以设置li元素的颜色会触发子弹改变颜色