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、样式没有.,在浏览器中没有.,而实际盒子中有.这个类名

相关文章
|
2月前
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
405 0
|
JavaScript 前端开发
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
639 0
使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
如何修改ELEMENT组件中的padding间距-样式名不能重复问题
如何修改ELEMENT组件中的padding间距-样式名不能重复问题
|
2月前
|
XML JSON 移动开发
BpmnJS 元素属性的updateProperties 和updateModdleProperties的属性更新区别
BpmnJS 元素属性的updateProperties 和updateModdleProperties的属性更新区别
55 1
|
2月前
|
JavaScript 前端开发 开发者
div 元素的 tab-index 属性被设置为 -1,意味着什么
div 元素的 tab-index 属性被设置为 -1,意味着什么
|
Web App开发 前端开发 开发者
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
|
存储
element侧边栏根据权限不同内容改变的实现
今天在搭项目基本大框的时候,发现了一个问题,就是我们的产品后台有两个管理端,并且两个管理端所有的功能仅仅查一个功能页面,这个时候就需要考虑两个管理端使用一套,并且不同的账号有不同的权限和页面
181 1
element侧边栏根据权限不同内容改变的实现
|
C++
Qt动态添加控件并设置大小位置等属性
Qt动态添加控件并设置大小位置等属性
921 0
|
JavaScript 开发工具 git
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
1054 0
Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路
|
JavaScript API 开发者
10、DOM基础(元素节点、属性节点、文本节点、轮播图、改变颜色、选中取消)
10、DOM基础(元素节点、属性节点、文本节点、轮播图、改变颜色、选中取消)
95 0
10、DOM基础(元素节点、属性节点、文本节点、轮播图、改变颜色、选中取消)