项目符号点背景颜色属性？ CSS

Question

我想更改项目符号要点的背景颜色，

ul {
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
}

有项目符号背景颜色属性吗？ 这样的事吗？

list-style-background-color: blue;

编辑

color: blue

更改字体颜色和项目符号点颜色，但是我只想更改项目符号点颜色，而不管字体。

Answer 1

尝试这样： LINK

HTML：

<ul>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
</ul>

CSS：

ul {
    list-style-type: square;
    list-style-position: outside;
    list-style-image: none;
    color:#f00;
}
li {
    color:#f00;
}
li span {
    color:#999;
}

Answer 2

演示

如果您不想使用<span>或<div>

您可以使用:before为您的li添加自定义项目符号

li {
    list-style:none;
}

li:before {
    content: "";
    position:relative;
    left: -10px;
    background-color:red;

    display:inline-block;
    width:5px;
    height:5px;
}

Answer 3

试试这个http://jsfiddle.net/8dGBr/

<ul>
    <li><div>Hi</div></li>
    <li><div>Hi</div></li>
    <li><div>Hi</div></li>
</ul>

li{
    color:blue;
}
li div{
    color:black;
}

Answer 4

只需输入颜色：蓝色； 并添加到<p> or <span>到内部文本，颜色为：黑色