.el-main::-webkit-scrollbar
{
width:10px;
height:10px;
background-color:#d0cdc7;
}
.el-main::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color:#d0cdc7;
}
.el-main::-webkit-scrollbar-thumb{
border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#a09d9d;
}
scrollbar:是滚动条整个的样式;
-webkit-scrollbar-track:滚动条轨道的样式;
-webkit-scrollbar-thumb:滚动条(滚动部分)的样式;
ps:.el-main类是滚动元素的父级元素的类(我的项目是vue项目,不知道非vue项目是不是再外层的父级元素的类也是好用的,谢留言!)
网友评论