项目符号背景颜色属性?CSS

项目符号背景颜色属性?CSS,css,Css,我想改变我的要点的背景颜色 ul { list-style-type: square; list-style-position: outside; list-style-image: none; } 是否有项目符号背景颜色属性? 像这样的事 list-style-background-color: blue; 编辑 更改字体颜色和项目符号颜色,但我只想更改项目符号颜色,不使用字体。只需写颜色:蓝色;并用颜色:黑色添加到或内部文本中只需写颜色:蓝色;用黑色添加到或内部文本中 HTML:

我想改变我的要点的背景颜色

ul {
 list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
}
是否有项目符号背景颜色属性? 像这样的事

list-style-background-color: blue;
编辑


更改字体颜色和项目符号颜色,但我只想更改项目符号颜色,不使用字体。

只需写颜色:蓝色;并用颜色:黑色添加到
内部文本中

只需写颜色:蓝色;用黑色添加到
内部文本中

HTML:

<ul>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
</ul>
ul {
    list-style-type: square;
    list-style-position: outside;
    list-style-image: none;
    color:#f00;
}
li {
    color:#f00;
}
li span {
    color:#999;
}
试着这样做:

HTML:

<ul>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
    <li><span>one</span>
    </li>
</ul>
ul {
    list-style-type: square;
    list-style-position: outside;
    list-style-image: none;
    color:#f00;
}
li {
    color:#f00;
}
li span {
    color:#999;
}
试试这个

李{ 颜色:蓝色; } 李迪夫{ 颜色:黑色; }
试试这个

李{ 颜色:蓝色; } 李迪夫{ 颜色:黑色; }

如果您不想使用

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

li {
    list-style:none;
}

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

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

如果您不想使用

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

li {
    list-style:none;
}

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

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


不,因为列表标记框的绘制方式没有明确定义,因此无法确定此背景色在列表样式中的显示方式。可能有解决办法,但这一切都取决于你的预期结果。你说的是子弹的颜色还是子弹的背景颜色?子弹的颜色和子弹的背景是分开的?我不知道。我想我指的是背景色。子弹的背景可能与子弹的颜色不同。在这把小提琴中,背景是金色的,颜色是红色的:不,因为列表标记框的绘制方式没有明确定义,因此无法确定此背景颜色在列表样式中的显示方式。可能有解决办法,但这一切都取决于你的预期结果。你说的是子弹的颜色还是子弹的背景颜色?子弹的颜色和子弹的背景是分开的?我不知道。我想我指的是背景色。子弹的背景可能与子弹的颜色不同。在这把小提琴中,背景是金色,颜色是红色:如果我想显示数字而不是子弹呢?@KheemaPandey您可以使用计数器属性:@KheemaPandey:当然,您需要使用其他答案,现在web tiki的评论:P,我只对上述问题的答案。如果我想要颗钻石子弹呢?还是某种形状的子弹?在这种情况下,这将是一个很好的选择。@WebTiki:哇!我不知道。非常感谢你。我想要+1你@谢谢你提醒我关于
计数器的事。因为很久没用了……如果我想显示数字而不是子弹呢?@KheemaPandey你可以使用counter属性:@KheemaPandey:当然,你需要使用其他答案,现在WebTiki的评论是:P,我只回答上面的问题。如果我想要颗钻石子弹呢?还是某种形状的子弹?在这种情况下,这将是一个很好的选择。@WebTiki:哇!我不知道。非常感谢你。我想要+1你@谢谢你提醒我关于
计数器的事。因为很长时间没用了。。