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

需求引入

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

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

解决方法

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

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

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

相关推荐
xiguolangzi3 分钟前
vue3+element-plus el-table列的显隐、列宽 持久化
前端·javascript·vue.js
用户6823806032255 分钟前
前端会用到的数据结构--堆(HEAP)
前端
莫空00005 分钟前
深入理解JavaScript的Reflect API:从原理到实践
前端·面试
卡布叻_星星6 分钟前
后端 Maven打包 JAR 文件、前端打包dist文件、通过后端服务访问前端页面、Nginx安装与部署
前端·maven·jar
前端(从入门到入土)21 分钟前
前端请求后端服务403(Invalid CORS request)
前端
大猩猩X34 分钟前
vxe-upload vue 实现附件上传、手动批量上传附件的方式
vue.js·vxe-ui
蓝天白云下遛狗1 小时前
goole chrome变更默认搜索引擎为百度
前端·chrome
AA-代码批发V哥1 小时前
CSS之布局详解指南
css
come112341 小时前
Vue 响应式数据传递:ref、reactive 与 Provide/Inject 完全指南
前端·javascript·vue.js
前端风云志2 小时前
TypeScript结构化类型初探
javascript