首页 > 其他 > 详细

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

时间:2020-12-07 09:50:45      阅读:23      评论:0      收藏:0      [点我收藏+]

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更改样式,重新改写样式

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!