ELEMENT如何修改背景颜色,修改属性节点如何找

简介: ELEMENT如何修改背景颜色,修改属性节点如何找

1、今天直接复制ELEMENT组件库的时候发现复制的背景颜色跟想要自己复制的效果不一样。

2、实际样子

3、怎么修改样式,用F12进行调试,发现只要这里调整一下就可以了

4、查ELEMENT这个文件到底在那个位置,点击在线运行,因为我不知道这句代码具体在哪个位置

5、再lib下的theme-chalk的index文件下

6、找到该文件包位置

7、找到能够修改这个属性的具体节点,复制

8、Ctrl + f 粘贴,找寻相关属性节点

9、自己定义样式,我这里加了一个!important,让他强制执行,不知道为什么,再css文件中写就不管用,写在这个包下就成功修改了

10、但是整来整去发现,还是不行,最后查看了一下,加上了一个/deep/之后,虽然VScode报错了,但是样式却正确了

11、样式没有.,在浏览器中没有.,而实际盒子中有.这个类名

相关文章
|
JavaScript 前端开发
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
695 0
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
如何修改ELEMENT组件中的padding间距-样式名不能重复问题
如何修改ELEMENT组件中的padding间距-样式名不能重复问题
easyUI datagarid 编辑状态下的combobox动态赋值
easyUI datagarid 编辑状态下的combobox动态赋值
|
前端开发 JavaScript
JS获取元素、修改元素的内容、样式、属性--详解
JS获取元素、修改元素的内容、样式、属性--详解
296 0
|
Web App开发 前端开发 开发者
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
|
JavaScript API 开发者
10、DOM基础(元素节点、属性节点、文本节点、轮播图、改变颜色、选中取消)
10、DOM基础(元素节点、属性节点、文本节点、轮播图、改变颜色、选中取消)
127 0
10、DOM基础(元素节点、属性节点、文本节点、轮播图、改变颜色、选中取消)
|
JavaScript 开发工具 git
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
1389 0
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
|
JavaScript 开发者
veu 中通过属性绑定为元素绑定 style 行内样式|学习笔记
快速学习 veu 中通过属性绑定为元素绑定 style 行内样式
137 0
veu 中通过属性绑定为元素绑定 style 行内样式|学习笔记
|
JavaScript 开发者
veu 中通过属性绑定为元素设置 class 类样式 | 学习笔记
快速学习 veu 中通过属性绑定为元素设置 class 类样式
187 0
veu  中通过属性绑定为元素设置 class 类样式  |  学习笔记
|
JavaScript
VUE element-ui 之table表格复选框勾选行背景修改(选中状态背景色修改)
VUE element-ui 之table表格复选框勾选行背景修改(选中状态背景色修改)
1428 0
VUE element-ui 之table表格复选框勾选行背景修改(选中状态背景色修改)