随机掉落的项目足迹:修改组件库默认样式

需求引入

为了便于讲解,我直接引入案例

在使用element ui的表单组件时,我觉得输入框前面的"文章标题"几个字太小了,想改大一点

解决方法

F12 审查元素,找到"文章标题"对应的代码,发现这个标签对应的类名class="el-form-item__label"

但是直接按下图方式设置CSS样式是不生效的

应该使用deep,将代码改成下面这样,可以看到样式成功生效了(字体变大了,颜色变深了)

相关推荐
Yanni4Night9 分钟前
Parcel 作者:如何用静态Hermes把JavaScript编译成C语言
前端·javascript·rust
hellokatewj11 分钟前
前端 Promise 全解:从原理到面试
前端
天意pt19 分钟前
Blog-SSR 系统操作手册(v1.0.0)
前端·vue.js·redis·mysql·docker·node.js·express
遗憾随她而去.21 分钟前
Webpack5 高级篇(一)
前端
遇见~未来30 分钟前
JavaScript构造函数与Class终极指南
开发语言·javascript·原型模式
清风ai明月1 小时前
在vue3中Promise是什么
vue.js
疯狂踩坑人1 小时前
【React 19 尝鲜】第一篇:use和useActionState
前端·react.js
毕设源码-邱学长1 小时前
【开题答辩全过程】以 基于VUE的打车系统的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
用户39051332192881 小时前
JS判断空值只知道“||”?不如来试试这个操作符
前端·javascript
海云前端11 小时前
前端面试必问 asyncawait 到底要不要加 trycatch 90% 人踩坑 求职加分技巧揭秘
前端