我简单地像这样解决了这个问题，它应该在所有浏览器中工作:

申力 颜色:红 的 申里思潘 颜色:蓝色; 的 <德> < li > <跨越> Foo -跨越> < < li > < li > <跨越> < /跨越> < li >酒吧 < li > <跨越蝙蝠> < /跨越> < li > < /德>

css3lists模块的当前规范确实指定了::标记 伪元素，它会做你想做的事情;FF已测试 不支持::marker，我怀疑Safari或Opera都有它。 当然，IE并不支持它。

现在，做这个的唯一方法是使用带有list-style-image的图像。

我猜你可以用span来包装一个li的内容，然后你可以设置每个的颜色，但这对我来说似乎有点笨拙。

你能做的最简单的事情是将<li>的内容包装在<span>或等效的内容中，然后你可以独立地设置颜色。

或者，你也可以用你想要的项目符号颜色制作一张图片，并用list-style-image属性设置它。

然而，另一个解决方案是使用a:before伪元素，边界半径:50%。这将适用于所有浏览器，包括ie8及以上。

使用em单元允许响应字体大小的变化。您可以通过调整jsFiddle窗口的大小来测试这一点。

ul {
    list-style: none;
    line-height: 1em;
    font-size: 3vw;
}

ul li:before {
    content: "";
    line-height: 1em;
    width: .5em;
    height: .5em;
    background-color: red;
    float: left;
    margin: .25em .25em 0;
    border-radius: 50%;
}

js小提琴

你甚至可以使用盒子阴影来创建一些漂亮的阴影，这些阴影在内容中看起来并不好看:“•”解决方案。

Lea Verous的解决方案很好，但我想要更多地控制子弹的位置，所以这是我的方法:

.entry ul {
    list-style: none;
    padding: 0;
    margin: 0;
    /* hide overflow in the case of floating elements around ... */
    overflow: hidden;
}
.entry li { 
    position: relative;
    padding-left: 24px;
}
.entry li:before {
    /* with absolute position you can move this around or make it bigger without getting unwanted scrollbars */
    position: absolute;
    content: "• ";
    color: #E94E24;
    font-size: 30px;
    left: 0;
    /* use fonts like "arial" or use "sans-serif" to make the dot perfect round */ 
    font-family: Arial, sans-serif;
}

Lea Verou解决方案在多行条目中的完美缩进可能是这样的:

ul{
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
}

li{
    padding-left: 1.5em; 
}

li:before {
    position: absolute;
    content: "•";
    color: red;
    left: 0;
}