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

(全文完)

相关推荐
小五传输19 分钟前
杀毒引擎有哪些软件好用?机器人企业文件威胁防护选型指南
大数据·运维·安全
BillKu21 分钟前
TypeScript中,字符串字面量联合类型(Union Type)、enum的用法说明
前端·javascript·typescript
jayson.h23 分钟前
PDF 合并+添加页码 相关库、类、函数
开发语言·前端·python
fb_1234533 分钟前
KVM虚拟化保姆级实战:图形界面建机 + virsh命令管理 + 热迁移全流程,一篇打通!
运维
2401_8628808233 分钟前
Linux应用层开发 --- UDP&TCP
linux·运维·tcp/ip·udp
姚不倒39 分钟前
Nginx 虚拟主机:server_name 匹配规则与实战
运维·nginx
慧一居士1 小时前
Sass和Less功能、使用场景、用法对比
前端·css·less·sass
代码方舟2 小时前
零信任架构实战:基于天远车辆过户详版查询构建自动化车辆估值网关
运维·人工智能·架构·自动化
leoZ2312 小时前
AI+前端提效-09 AI赋能前端测试:单元测试、E2E测试自动生成,提升覆盖率
前端·人工智能·opencv·目标检测·数据挖掘·单元测试·语音识别
计算机魔术师2 小时前
OpenAI 评定 Astra 达到网络安全 Critical 能力阈值,将受限发布
前端