想象一下包含一些<li>项目的简单未排序列表.现在,我已经将子弹定义为方形通过list-style:square;但是,如果我设置了<li>项目的颜色,color: #F00;那么一切都变成了红色!

虽然我只想设置方形子弹的颜色.是否有一种优雅的方式来定义CSS中子弹的颜色......

...不使用任何精灵图像也不使用span标签!

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>

CSS

li{
   list-style:square;
}

我想知道是否有办法改变列表中子弹的颜色.

我有一个这样的列表:

<ul>
   <li>House</li>
   <li>Car</li>
   <li>Garden</li>
</ul>

我不可能在li中插入任何内容,例如'span'og a'p'.那么我能以某种聪明的方式改变子弹的颜色而不是文本吗？

<ol>
   <li>test</li>
   <li>test</li>
</ol>

将显示为:

1. 测试
2. 测试

我希望彩色数字和文字黑色!

我可以编辑css,但我无法访问HTML.