css怎么改变滚动条颜色

小亿
961
2023-06-15 18:02:51
栏目: 编程语言
前端开发者专用服务器,限时0元免费领! 查看>>

可以使用以下CSS样式来改变滚动条的颜色:

/*滚动条整体样式*/
::-webkit-scrollbar {
width: 12px;
}
/*滚动条轨道样式*/
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/*滚动条滑块样式*/
::-webkit-scrollbar-thumb {
background: #888;
}
/*滚动条滑块悬停样式*/
::-webkit-scrollbar-thumb:hover {
background: #555;
}

其中,::-webkit-scrollbar用于设置滚动条整体的样式,::-webkit-scrollbar-track用于设置滚动条轨道的样式,::-webkit-scrollbar-thumb用于设置滚动条滑块的样式,::-webkit-scrollbar-thumb:hover用于设置滚动条滑块悬停时的样式。

需要注意的是,以上样式只适用于WebKit浏览器(如Chrome和Safari),其他浏览器可能需要使用不同的样式来改变滚动条颜色。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

相关推荐:css滚动条颜色怎么改

0
看了该问题的人还看了