[分享]css中disc颜色怎么变

在CSS中，我们经常会使用liststyletype属性来指定无序列表项目的标记类型，其默认值为“disc”，即实心圆点。这种实心圆点也可以通过CSS进一步改变其颜色。首先，我们需要通过CSS选择器选...

在CSS中，我们经常会使用list-style-type属性来指定无序列表项目的标记类型，其默认值为“disc”，即实心圆点。这种实心圆点也可以通过CSS进一步改变其颜色。

首先，我们需要通过CSS选择器选中需要改变颜色的元素，可以使用ul或ol标签来选择整个列表，也可以使用li标签来选择每个列表项。选中元素后，我们就可以使用list-style-color属性来改变标记的颜色。

ul {
  list-style-color: red;
}

li {
  list-style-color: blue;
} 

在上面的示例中，我们将整个无序列表的标记颜色设为红色，将每个列表项的标记颜色设为蓝色。

值得注意的是，list-style-color属性并不是所有浏览器都支持，所以为了保险起见，我们还可以使用background属性来改变标记的背景颜色。

ul {
  list-style-type: none;
}

li {
  background-color: yellow;
  padding-left: 1em; /* 需要留出空间给背景 */
  margin-bottom: 0.5em;
}
li:before {
  content: "?"; /* 自己定义标记 */
  color: red;
  margin-right: 0.5em;
} 

在上面的示例中，我们先将列表的标记类型设为无，然后在每个列表项前面插入一个自定义标记，并将其颜色设为红色。我们还将每个列表项的背景颜色设为黄色，并留出一定的空间给背景。

通过以上两种方法，我们可以很方便地改变列表标记的颜色，从而使页面更加美观。