vue中修改element-ui 表格表头背景色及滚动条样式

300 阅读1分钟

先看效果:

image.png

直接上代码:

/* 设置表头高度背景颜色文字大小及位置 */
/deep/ th {
  height: 30px;
  background: rgb(4, 174, 219);
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar {
  width: 2px;
   /* 这个必须加,不加颜色不生效,有知道的大神可以解释一下 */
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 1px;
  height: 58px;
  background: rgb(4, 174, 219);
  /* 滚动条颜色 */
}
/deep/ .el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 3px;
  background: rgb(250, 248, 248);
  /* 滚动条背景色 */
}