element-ui更改样式,重新改写样式

html部分

    <el-table
      :data="tableData"
      class='tabboxC'//更改外轮廓border或对整体字体样式进行更改
      style="width: 100%;">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>

样式部分:

.tabboxC
  background transparent //transparent样式变成透明的
  color #ff0000
  border 1px solid #00f
  >>>.el-table th  //表头的背景色更改
    background-color: transparent;
    color #f00
  >>>.el-table tr //内容的背景色更改
    background-color: transparent;
    color #f00
  >>>.el-table td //单元格的线条颜色更改
    border-bottom: 1px solid #0f0;
  >>>.el-table th.is-leaf //表头单元格线条颜色更改
    border-bottom: 1px solid #0f0;

 

posted @ 2020-12-07 09:00  嗯哼Nymph  阅读(406)  评论(0编辑  收藏  举报