今天给大家分享一个CSS圆角滚动条的设置方法，具体如下：
//滚动条样式
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track-piece {
background-color: transparent; //滚动槽
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 12px;
background-color: #BDBDBD;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 12px;
background-color: #BDBDBD;
-webkit-border-radius: 6px;
}
//滚动条鼠标移上去的样式
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover
{
background-color: #808080;
}
好啦，关于CSS圆角滚动条的分享就到这里，同学们学会了吗，更多问题可评论区留言~
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持，我會繼續努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦