最简单(而不是无意义)的方法是将内容包装在跨度标签中,然后将项目符号颜色应用于li和文本颜色.
代码:
- text
- text
- text
ul li {
/* Bullet color */
color: red;
list-style-type: disc;
}
ul li span {
/* Text color */
color: black;
}
jsFiddle preview
如果您无法修改HTML,您可以使用自定义颜色的点列表风格图像,也可以使用生成的内容(即,之前),并相应地进行颜色(但要注意列表项目符号位置问题).
这是an example with li:before:
ul li {
/* Text color */
color: black;
list-style-type: none;
}
ul li:before {
/* Unicode bullet symbol */
content: '\2022 ';
/* Bullet color */
color: red;
padding-right: 0.5em;
}