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

(全文完)

相关推荐
青衫客3622 分钟前
Linux 磁盘挂载全流程实战——从新盘初始化到安全开机自启
linux·运维·服务器
大江东去浪淘尽千古风流人物1 小时前
【DSP】xiBoxFilter_3x3_U8 dsp VS cmodel
linux·运维·人工智能·算法·vr
草莓熊Lotso1 小时前
Python 入门超详细指南:环境搭建 + 核心优势 + 应用场景(零基础友好)
运维·开发语言·人工智能·python·深度学习·学习·pycharm
20年编程老鸟java+ai全栈1 小时前
零基础搞定开发环境:PHP + Node.js + MongoDB + Python 一键安装全攻略
python·mongodb·node.js·php
QQ4022054961 小时前
python基于vue的大学生课堂考勤系统设计与实现django flask pycharm
vue.js·python·django
dog2502 小时前
Linux 6.19 TCP 的两个极限拉扯
linux·运维·tcp/ip
光影少年2 小时前
前端如何调用gpu渲染,提升gpu渲染
前端·aigc·web·ai编程
新兴AI民工2 小时前
【Linux内核九】进程管理模块:list_head钩子构造双向列表和一些宏定义
linux·运维·list·linux内核
小周学学学2 小时前
ESXI故障处理-重启后数据存储丢失
linux·运维·服务器
Surplusx2 小时前
运用VS Code前端开发工具完成网页头部导航栏
前端·html