css如何设置滚动条颜色

lewis 7年前 (2018-05-12) 阅读数 9 #程序编程

文章标签 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属性来设置滚动条颜色，具体可以参考浏览器的官方文档。