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

<强> Demo

如果您不想使用<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

只写颜色：蓝色;并使用color：black

将<p> or <span>添加到内部文本

子弹点背景颜色属性？ CSS

4 个答案: