如何设置 ul/li 项目符号点颜色？ [复制]答案

【问题标题】：how to set ul/li bullet point color? [duplicate]如何设置 ul/li 项目符号点颜色？ [复制]
【发布时间】：2011-10-27 11:59:57
【问题描述】：

可能重复：
Change bullets color in a list without span

通常，ul/li 中的项目符号点是一个黑色实心圆圈。我想改变它的风格，比如我想把子弹点的颜色设置为绿色，我也想把子弹点改成正方形。有人知道怎么做吗？

【问题讨论】：

标签： html css

【解决方案1】：

将颜色应用于li，并将span（或其他子元素）颜色设置为文本应为的颜色。

ul
{
    list-style-type: square;
}

ul > li
{
    color: green;
}

ul > li > span
{
    color: black;
}

【讨论】：

【解决方案2】：

有几种方法可以做到这一点：

这将使它成为一个正方形

ul
{
  list-style-type: square;
}

这会让它变成绿色

li
{
  color: #0F0;
}

这将防止文本变绿

li p
{
  color: #000;
}

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

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

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

【讨论】：

【解决方案3】：

我相信这是由应用于元素的 css color 属性控制的。

【讨论】：

【解决方案4】：

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

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

要创建“黑色填充”子弹，请使用“圆盘”而不是“圆”，即：

列表样式类型：光盘

【讨论】：