element表格样式的修改

时间：2020-03-27 19:03:33 阅读：302 评论：0 收藏：0 [点我收藏+]

修改表格头部背景

.el-table th{
    background: #f00;
  }

修改表格行背景

.el-table tr{
   background: #f00;
  }

修改斑马线表格的背景

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #1f2;
  }

修改行内线的颜色

.el-table td,.building-top .el-table th.is-leaf {
    border-bottom:  1px solid #f00;
  }

修改表格最底部边框颜色和高度

.el-table::before{
   border-bottom:  1px solid #f00;
    height: 2px
  }

修改表头字体颜色

.el-table thead {
    color: #8EB7FA;
    font-weight: 500;
  }

修改表格内容字体颜色和字体大小

.el-table{
    color: #6B91CE;
    font-size: 14px;
  }

修改表格无数据的时候背景，字体颜色

.el-table__empty-block{
    background: #16203C;
  }
.el-table__empty-text{
  color: #ccc
}

修改表格鼠标悬浮hover背景色

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #f00;
}

原文：https://www.cnblogs.com/java--script/p/12582898.html

踩

(0)

评论一句话评论（0）

分享档案

更多>