elmentui修改 table滚动条样

最近项目中需要设计一个透明样式的表格 样式如图

这是elementUI table 组件中的样式设置 可能每个人的div前缀不一样，如果不生效，需要自己调试查看一下，

/deep/ .el-table__body-wrapper::-webkit-scrollbar {
  width: 8px; /*滚动条宽度*/
  height: 8px; /*滚动条高度*/
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 0px; /*滚动条的背景区域的圆角*/
  background-color: rgba(2,29,87,1); /*滚动条的背景颜色*/
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar-corner {
  background-color: rgba(2,29,87,1);
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px; /*滚动条的圆角*/
  background-color: rgba(24,144,255,0.50); /*滚动条的背景颜色*/
}

也可以设置全局的滚动条样式

/deep/  ::-webkit-scrollbar {
  width: 8px; /*滚动条宽度*/
  height: 8px; /*滚动条高度*/
}
/deep/  ::-webkit-scrollbar-track {
  border-radius: 0px; /*滚动条的背景区域的圆角*/
  background-color: rgba(2,29,87,1); /*滚动条的背景颜色*/
}
/deep/  ::-webkit-scrollbar-corner {
  background-color: rgba(2,29,87,1);
}
/deep/  ::-webkit-scrollbar-thumb {
  border-radius: 4px; /*滚动条的圆角*/
  background-color: rgba(24,144,255,0.50); /*滚动条的背景颜色*/
}