html中列表项li圆点怎么更改颜色,html – 如何在无序列表中更改点的颜色？

最简单(而不是无意义)的方法是将内容包装在跨度标签中,然后将项目符号颜色应用于li和文本颜色.

代码：

• text
• text
• text

ul li {

/* Bullet color */

color: red;

list-style-type: disc;

}

ul li span {

/* Text color */

color: black;

}

如果您无法修改HTML,您可以使用自定义颜色的点列表风格图像,也可以使用生成的内容(即,之前),并相应地进行颜色(但要注意列表项目符号位置问题).

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;

}