修改滚动条

2020-08-05  本文已影响0人  从不放弃

//滚动条样式
::-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;
}

上一篇下一篇

猜你喜欢

热点阅读