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

(全文完)

相关推荐
shandianchengzi10 分钟前
【记录】Tailscale|部署 Tailscale 到 linux 主机或 Docker 上
linux·运维·docker·tailscale
search711 分钟前
前端设计:CRG 3--CDC error
前端
治金的blog15 分钟前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
John Song42 分钟前
Linux机器怎么查看进程内存占用情况
linux·运维·chrome
利刃大大1 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
肉肉心很软2 小时前
使用onlyoffice实现文件预览编辑 + Docker一键部署流程
运维·docker·容器
LuiChun2 小时前
Docker Compose 容器服务查询与文件查看操作指南(Windows Docker Desktop 版)【一】
linux·运维·windows·docker·容器
${王小剑}2 小时前
在离线ubuntu上布置深度学习环境
linux·运维·ubuntu
荔枝一杯酸牛奶3 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll3 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js