css如何设置滚动条颜色

CSS中可以使用scrollbar-color属性来设置滚动条的颜色。该属性接受两个参数，第一个参数用于设置滚动条的滑块颜色，第二个参数用于设置滑块以外区域的背景颜色。

以下是一个示例：

/* 设置滚动条颜色 */ /* Webkit 内核浏览器 */ ::-webkit-scrollbar { width: 10px; /* 设置滚动条宽度 */ } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { background-color: #ff0000; /* 设置滑块颜色 */ } /* 滚动条滑块以外区域 */ ::-webkit-scrollbar-track { background-color: #f1f1f1; /* 设置滑块以外区域的背景颜色 */ } 

注意，上述代码只适用于使用Webkit内核的浏览器（如Chrome、Safari等）。如果需要兼容其他浏览器，可以使用类似的CSS属性来设置滚动条颜色，具体可以参考浏览器的官方文档。