Question

我在Html和Twitter bootstrap中遇到<li> element中的子弹问题。我只想改变李子弹的颜色，而不是全文。我不能在html代码中进行更改以将文本放在span，p或其他内容中。

Bootply：http://bootply.com/102688 （我试过：第一行伪类，但这只适用于第一行所以它不好）

最诚挚的问候并感谢您的帮助。

Answer 1

另一种允许通过CSS形状使LI“点”的方法 - 您可以自定义形状，大小等。

例如，下面的代码将显示大红色圆圈：

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

    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%
}

演示：http://jsfiddle.net/LWHYJ/

Answer 2

这可以使用与建议的重复答案（How to set Bullet colors in UL/LI html lists via CSS without using any images or span tags）不同的庄园来完成：

您可以将<li />元素中的文本包装在<span />标记中，然后为<li />元素指定特定颜色，并为<span />元素提供正确的文本颜色：

CSS：

li {
    color : red;
}

li span {
    color : black;
}

HTML：

<ul>
  <li><span>test</span></li>
</ul>

以下是演示：http://jsfiddle.net/ytH5P/2754/

只有李子弹的颜色

2 个答案: