el-table自定义滚动条样式

可在App.vue中进行全局设置该滚动条样式,项目保持一致。

/**
* 滚动条样式
*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/**
* 滚动条的滑块
*/
::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  background: #dddddd;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}

如图:
el-table自定义滚动条样式
el-table滚动条样式有够丑的。。。。

上一篇:ios端隐藏滚动条


下一篇:浏览器自定义滚动条样式