Question

如何为显示为圆圈的订单项获取红色？

/* This maps to ul */
.rich-datalist {
    list-style: disc;
    list-style-position: inside; 
    margin: 6px 0 1px 0;
    padding-left: 18px;
}

/* This maps to li */
.rich-list-item {
    padding-top: 5px;
    padding-bottom: 15px;
    font-size: 13px;
}

Answer 1

HTML项目符号颜色与列表项的颜色属性相同：

.rich-datalist { color: red; }

如果您需要与文本颜色不同的子弹，最简单的方法是应用项目符号的左对齐非重复背景图像，并将左边距填充应用于列表项。

.rich-datalist { 
list-style: none;
}
.rich-datalist-item { 
background: transparent url('/path/to/red-bullet.png') no-repeat left center; 
padding-left: 20px;
}

Answer 2

这将在CSS3中有一天成为可能，但在此之前，唯一的方法就是将每个LI的内容包装在另一个容器中，然后设置样式：

HTML：

<ul>
<li><span>lorem</span></li>
<li><span>ipsum</span></li>
<li><span>dolor</span></li>
</ul>

CSS：

ul{color: red}
ul li span{color: blue}

如何填充圆形线条内的颜色

2 个答案: