页面滚动条的样式重写

.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项目是不是再外层的父级元素的类也是好用的,谢留言!)