CSS3滚动条圆⾓样式（CSS之⼀）CSS3 滚动条圆⾓样式(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{
html横向滚动条样式width: 12px;
background-color: #BDBDBD;
-webkit-border-radius: 6px;
}
//滚动条⿏标移上去的样式
:
:-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover
{
background-color: #808080;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。