码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-12-11 11:55:28      阅读:7      评论:0      收藏:0      [点我收藏+]

标签:rop   单元   单元格   table   width   round   透明   label   ble   

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;

 

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

标签:rop   单元   单元格   table   width   round   透明   label   ble   

原文地址:https://www.cnblogs.com/enhengenhengNymph/p/14095580.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!