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

(全文完)

相关推荐
别或许10 分钟前
python中的异步调用(直接使用教程)
java·前端·python
xkxnq12 分钟前
第四阶段:Vue 进阶与生态整合(第 47 天)(Vue 项目目录结构解析:每个文件夹的作用与规范)
前端·javascript·vue.js
炽烈小老头26 分钟前
浏览器渲染原理:从 HTML 到像素的全链路拆解
前端
打小就很皮...26 分钟前
React 合同审查组件:按合同原文定位
前端·react.js·markdown
EndingCoder37 分钟前
设计模式在 TypeScript 中的实现
前端·typescript
开开心心_Every40 分钟前
PDF转图片工具推荐:免费支持批量转换
linux·运维·服务器·spring boot·edge·pdf·powerpoint
夏天想41 分钟前
服务端渲染 (SSR)、预渲染/静态站点生成(SSG)
前端
晚霞的不甘1 小时前
Flutter for OpenHarmony 引力弹球游戏开发全解析:从零构建一个交互式物理小游戏
前端·flutter·云原生·前端框架·游戏引擎·harmonyos·骨骼绑定
春日见1 小时前
Docker中如何删除镜像
运维·前端·人工智能·驱动开发·算法·docker·容器
云智慧AIOps社区1 小时前
云智慧Cloudwise X1 轮足机器人重磅发布:跨楼层全自动巡检,重塑数据中心运维范式
运维·人工智能·机器人·自动化