怎样修改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>

(全文完)

相关推荐
是立不是利1 分钟前
CSS 架构——在混乱中建立秩序
前端·html
FungLeo3 分钟前
成为全栈·Node 后端篇·认证方案:JWT 还是 Session
node.js·jwt·session·认证方案
Lear4 分钟前
Docker 私有仓库搭建与使用
运维·自动化运维
两只羊ovo16 分钟前
让 Agent 接上“万能接口”:LangChain + MCP 实战,工具不再锁死在项目里
前端
妙码生花17 分钟前
使用git更新ai-go-admin框架
前端·人工智能·git·golang·typescript·php
YUJIANYUE19 分钟前
查立得万用查分电脑版(web环境+查询系统免安装单文件一键运行包)
前端·jvm
姚不倒1 小时前
etcd 学习系列(一):从业务需求出发,理解 etcd 是什么
运维·数据库·etcd
小聪7081 小时前
基于node实现一个轻量化web引擎:elpis-core
前端
子非鱼a1 小时前
【WEB】[SWPU2019]Web1
java·服务器·前端
涛涛ing1 小时前
9 月第一周,前端圈又炸了四次
前端