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

(全文完)

相关推荐
rising start13 小时前
二、Vue3 核心基础:API 对比、Setup 与响应式详解
前端·javascript·vue.js
zhangfeng113313 小时前
htop命令根据实际Linux环境下的讲解,结合国家超算中心hpc
linux·运维·服务器
日取其半万世不竭13 小时前
Gitea SSH 克隆失败?域名、端口和 ROOT_URL 配置检查
运维·ssh·gitea
wgc2k13 小时前
Node.js游戏服务器项目移植 5-唯一 ID 生成方案
游戏·node.js
x***r15113 小时前
Node.js v0.12.2 安装教程(Windows x86版 node-v0.12.2-x86.msi 详细步骤)
windows·node.js
stolentime13 小时前
Mailwarm 2.0 邮件送达率提升效果实测
运维·网络·网易邮箱大师
志栋智能13 小时前
超自动化安全的文化挑战:如何推动安全团队变革?
运维·网络·人工智能·安全·自动化
ReadVersion13 小时前
Ubuntu 22.04 设置时区
linux·运维·ubuntu
ofoxcoding13 小时前
MiniMax M3 实测手记:踩完坑之后,我总结了报错处理和省 token 的几个办法
java·前端·人工智能·ai
左心房的默白,,,13 小时前
32:Trace Data(S6F11)工艺追踪数据与FDC对接逻辑
运维·自动化