有没有办法使用CSS更改列表样式的圆的颜色

时间:2011-11-29 10:58:52

标签: jquery css

  

可能重复:
  How to define the Color of Bullets in UL/LI Lists via CSS, WITHOUT using any image bullets or any span tag?

如何使用css

更改列表样式圈的颜色

我的css是:

 ul{
   list-style:circle;
 }

3 个答案:

答案 0 :(得分:7)

试试这个。

    <ul>
    <li><span>text</span></li>
    </ul>

    ul li {
       list-style:circle;
       color:blue;
     }

    ul li span {
       color:#000;
     }

答案 1 :(得分:3)

有:

ul {
    list-style:circle;
    color:blue;
}

对于其他字体颜色,另外执行此操作:

ul span {
    color:black;
}

和html:

<ul>
    <li><span>This is a black line</span></li>
</ul>

答案 2 :(得分:1)

Soufiane Hassou提到的主题中的答案是最好的方法,但是如果你不介意在li中使用跨度,你可以使用:

ul
    {
        list-style: circle;
        color: #FF0000;
    }

    ul span
    {
        color: Black;
    }

HTML的位置:

<ul>
    <li>
        <span>Test-text</span>
    </li>
</ul>

这将标记子弹红色,但文字为黑色。

相关问题