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

(全文完)

相关推荐
老实巴交的麻匪8 分钟前
Exception异常架构设计:系统性异常处理的思维革命(05)
运维·云原生·架构
爱学习的小囧12 分钟前
VMware NSX-T Data Center 3.2.3.0 部署后账号密码获取及登录配置教程
linux·运维·服务器·网络·数据库·esxi
一条小鲨鱼16 分钟前
所遇到的响应式问题
前端·vue.js
Ruihong17 分钟前
你的 Vue v-for,VuReact 会编译成什么样的 React 代码?
vue.js·react.js·面试
M ? A18 分钟前
你的 Vue 路由,VuReact 会编译成什么样的 React 路由?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
L.Cheng20 分钟前
谷歌浏览器如何禁用自动更新_Chrome关闭后台升级程序
前端·chrome
donecoding26 分钟前
类型与语法的“直觉对齐”:TS 切入的 Go 语言初体验
前端·typescript·go
web守墓人27 分钟前
【linux】Mubuntu v1.0.7发布:支持codex cli完整运行
前端·codex
WYiQIU27 分钟前
宇树科技Web前端岗(AI方向),这不算泄题吧......
前端·vue.js·人工智能·笔记·科技·面试·职场和发展
Januea27 分钟前
Chrome的Fetch/XHR是什么?
前端·chrome