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

(全文完)

相关推荐
原来是猿24 分钟前
Linux线程同步与互斥(四):日志系统与策略模式
linux·运维·开发语言·策略模式
zhensherlock1 小时前
Protocol Launcher 系列:Working Copy 文件操作与高级命令详解
javascript·git·typescript·node.js·自动化·github·js
神の愛7 小时前
左连接查询数据 left join
java·服务器·前端
九皇叔叔8 小时前
Ubuntu 22.04 版本常用设置
linux·运维·ubuntu
小码哥_常9 小时前
解锁Android嵌入式照片选择器,让你的App体验丝滑起飞
前端
杨云龙UP9 小时前
ODA登录ODA Web管理界面时提示Password Expired的处理方法_20260423
linux·运维·服务器·数据库·oracle
郑寿昌10 小时前
IIoT本体迁移的领域扩展机制
服务器·前端·microsoft
songx_9910 小时前
Linux基础2
linux·运维·服务器
深海鱼在掘金10 小时前
Next.js从入门到实战保姆级教程(第十一章):错误处理与加载状态
前端·typescript·next.js
深海鱼在掘金10 小时前
Next.js从入门到实战保姆级教程(第十二章):认证鉴权与中间件
前端·typescript·next.js