怎样修改el-table主题样式

起因:el-table有主题样式,部分需要单独设置

环境:idea+nodejs插件+谷歌浏览器

第一步:找到scss文件:

谷歌浏览器打开表格页面,ctrl+shift+i打开开发者工具,点击后鼠标移动到表格单元格上单击一下,看开发者工具styles,找到要修改样式对应的scss文件,在每个样式后面是文件路径和名称,特别要注意的是不要修改nodemodules下的scss文件,而是修改src下的scss文件。

第二步:添加新样式:在scss文件原样式位置同级添加一个新的样式,比如:

.el-table1 {

th.el-table__cell, td.el-table__cell {

background-color: transparent !important;

border: 1px solid #ebeef5;

.cell {

color: #000 !important;

}

}

}

第三步:添加class:<el-table class="el-table1"></el-table>

(全文完)

相关推荐
小小哭包18 分钟前
Nginx配置文件nginx.conf中文详解
运维·nginx
weixin_4316972023 分钟前
onlyoffice预览nginx代理的静态文件
运维·nginx
杨云龙UP28 分钟前
从0搭建Oracle ODA NFS异地备份:从YUM源到RMAN定时任务的全流程
linux·运维·数据库·oracle
DN金猿28 分钟前
恢复 Linux 上误删除的文件
linux·运维·服务器
6***A6631 小时前
Nginx 反向代理配置
运维·nginx
差点GDP1 小时前
模拟请求测试 Fake Rest API Test
前端·网络·json
远瞻。1 小时前
【环境配置】Ubuntu系统安装cuda
linux·运维·ubuntu
kyle~2 小时前
Linux---<unistd.h>类Unix系统编程核心头文件
linux·运维·unix
bendan502 小时前
服务通过docker部署后,调用确定相互调用的URL
运维·docker·容器
闲人编程2 小时前
OpenAPI/Swagger规范与API文档自动化
运维·自动化·json·swagger·schema·openapi·codecapsule