关于html：如何设置ul / li项目符号颜色？

how to set ul/li bullet point color?

本问题已经有最佳答案，请猛点这里访问。

Possible Duplicate:
Change bullets color in a list without span

通常，ul / li中的项目符号点是黑色实心圆。我想更改其样式，就像我要将项目符号的颜色设置为绿色一样，我也要更改项目符号的颜色为正方形。有人知道该怎么做吗？

将颜色应用于li，并将span(或其他子元素)颜色设置为文本应使用的任何颜色。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

ul
{
list-style-type: square;
}

ul > li
{
color: green;
}

ul > li > span
{
color: black;
}

JSFiddle

相关讨论

可以通过几种方法完成此操作：

这将使其成为正方形

1
2
3
4

ul
{
list-style-type: square;
}

这将使其绿色

1
2
3
4

li
{
color: #0F0;
}

这样可以防止文字变绿

1
2
3
4

li p
{
color: #000;
}

但是，这将要求列表中的所有文本都在段落中，以便不覆盖颜色。

更好的方法是制作绿色正方形的图像并使用：

1
2
3
4

ul
{
list-style: url(green-square.png);
}

http://www.w3schools.com/cssref/pr_list-style-type.asp

您需要使用list-style-type:更改项目符号类型/样式，并且上面的链接列出了所有选项。正如其他人所述，使用ul本身的color属性更改了颜色

要创建``黑色填充''项目符号，请使用``光盘''而不是``圆形''，即：

list-style-type:disc