vue2 element ui 修改table表格的背景颜色和悬浮颜色

最新推荐文章于 2024-04-17 03:48:01 发布

禾苗种树

最新推荐文章于 2024-04-17 03:48:01 发布

阅读量1.1k

点赞数 8

分类专栏： UI组件二改文章标签： ui vue.js elementui

本文链接：https://blog.csdn.net/m0_45011929/article/details/135450435

版权

UI组件二改专栏收录该内容

10 篇文章 0 订阅

订阅专栏

需求：修改table背景为透明色，鼠标悬浮时字体为白色
代码

// 修改表格字体
>>>.el-table
        background-color: transparent
        color #fff
        thead
            color #fff
// 鼠标悬浮该行时的背景颜色
>>>.el-table--enable-row-hover .el-table__body tr:hover > td
       background-color #409eff
// 修改表格背景颜色
>>>.el-table, >>>.el-table__expanded-cell
    background-color: transparent;
>>>.el-table th,
>>>.el-table tr,
>>>.el-table td 
    background-color: transparent;