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

(全文完)

相关推荐
不想吃菠萝3 分钟前
vue3+ts 使用postcss-pxtorem依赖进行rem适配
前端·javascript·vue.js·postcss
清风细雨_林木木3 分钟前
Node.js 和 Python 的关系
node.js
吴声子夜歌4 分钟前
Node.js——Express框架
node.js·express
人民广场吃泡面19 分钟前
React新手快速入门学习指南(2026最新版)
前端·react.js·前端框架
kyriewen1126 分钟前
本地存储全家桶:从localStorage到IndexedDB,把数据塞进用户浏览器
开发语言·前端·javascript·ecmascript·html5
童话的守望者30 分钟前
matrix-breakout-2-morpheus靶机通关
linux·运维·服务器
Frank_refuel38 分钟前
Linux操作系统 -> 进程信号(上)
linux·运维·服务器
油丶酸萝卜别吃42 分钟前
本地调试跨域问题:关闭 Chrome 同源策略的技巧
前端·chrome
Rysxt_43 分钟前
Vue 组件穿透(透传)完全指南:从背景到实战
前端·javascript·vue.js
浮尘笔记1 小时前
从零开始:Android环境搭建与WebView套壳应用
android·前端·android studio·安卓