自定义滚动条

2020-07-10  本文已影响0人  在下高姓
name::-webkit-scrollbar //滚动条整体样式
 
name::-webkit-scrollbar-track //滚动条滑轨
 
name::-webkit-scrollbar-thumb //滚动条内部滑块


body::-webkit-scrollbar{ //先改变body的滚动条宽度
 
width: 8px;
 
}
 
body::-webkit-scrollbar-track{//再改变body的滚动条轨道颜色
 
background: rgb(200, 200, 200);
 
border-radius: 5px;
 
}
 
body::-webkit-scrollbar-thumb{//最后改变body的滚动条滑轨相关的样式
 
background: rgb(120, 120, 120);
 
border-radius: 5px;
 
}
上一篇 下一篇

猜你喜欢

热点阅读