css3 设置滚动条颜色

CSS3是现代Web设计中最流行的一种样式语言，除了美化网页外，还可以自定义一些交互效果，其中设置滚动条的颜色就是其中之一。

/* 设置滚动条 *//* 设置滚动条的高宽 */::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
/* 设置滚动条的轨道 */::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
/* 设置滑块 */::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
}
/* 改变滑块颜色的hover效果 */::-webkit-scrollbar-thumb:hover {
    background-color: #999999;
}
    

以上是用webkit内核的浏览器设置滚动条的方法，可以根据自己的喜好来设置颜色和大小。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！