默认的浏览器侧边栏滚动条是普通的，当然，有些网站主题是自带美化的浏览器侧边滚动栏不需要我们自己去美化，有些网站主题是没有美化浏览器侧边滚动栏的，那么这时就需要我们去美化啦！今天就教大家如何自定义美化浏览器侧边滚动栏。其实非常简单，只需一句代码的事情就可以自定义美化网站浏览器侧边滚动栏，并且代码适用于绝大多数网站。
CSS代码
单色
/*滚动条显示样式*/
::-webkit-scrollbar-thumb{
background-color:#FF6666; /*更改喜欢的十六进制颜色*/
height:50px;
outline-offset:-2px;
outline:2px solid #fff;
-webkit-border-radius:4px;
border: 2px solid #fff;
}
/*滚动条大小*/
::-webkit-scrollbar{
width:8px;
height:8px;
}
/*滚动框背景样式*/
::-webkit-scrollbar-track-piece{
background-color:#fff;
-webkit-border-radius:0;
}多色
如果你喜欢我的内容，可以赞助我哦！你的一点点心意，是我不断前进的动力！
暂无评论内容