其他分享
首页 > 其他分享> > el-table自定义滚动条样式

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,自定义,样式,滚动条,scrollbar,8px,webkit
来源: https://blog.csdn.net/weixin_43695894/article/details/120849773