如何设置ul/li子弹点颜色？

Question

可能重复:
在没有跨度的列表中更改项目符号颜色

通常,ul/li中的项目符号点是黑色实心圆.我想改变它的风格,就像我想要将子弹点的颜色设置为绿色一样,我也想将子弹点改为正方形.谁知道怎么做？

Answer 1

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

ul
{
    list-style-type: square;
}

ul > li
{
    color: green;
}

ul > li > span
{
    color: black;
}

的jsfiddle

Answer 2

有几种方法可以做到:

这将使它成为一个正方形

ul
{
  list-style-type: square;
}

这将使它变绿

li
{
  color: #0F0;
}

这将防止文本变为绿色

li p
{
  color: #000;
}

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

更好的方法是制作绿色方块的图像并使用:

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

Answer 3

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