element-ui 滚动条样式修改

element ui的 滚动条样式很难看  这是修改全局的滚动条样式

可以添加一下代码 

/**修改全局的滚动条*/
/**滚动条的宽度*/
::-webkit-scrollbar {
  width: 8px; 
 
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 3px;
}

修改前的效果改后的效果

 

修改后的样式  比原来好看多了

 

修改表格的滚动条 

//修改表格的滚动条
 .el-table__body-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
//滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #a1a3a9;
  border-radius: 3px;
}