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

需求引入

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

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

解决方法

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

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

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

相关推荐
五号厂房20 分钟前
仿照AntDesign,实现一个自定义Tab
前端
Bob999828 分钟前
三大浏览器(Firefox、Opera、Chrome)多个Profile管理!
开发语言·javascript·eclipse·sqlite·ecmascript·hbase
Frankabcdefgh36 分钟前
前端面试 js
开发语言·javascript·原型模式
浏览器爱好者1 小时前
如何删除Google Chrome中的所有历史记录【一键清除】
前端·chrome
埃兰德欧神1 小时前
三分钟让你的H5变身‘伪原生’,揭秘H5秒变应用的魔法配置
javascript·html·产品
米开朗基杨1 小时前
Cursor 最强竞争对手来了,专治复杂大项目,免费一个月
前端·后端
Lonwayne1 小时前
Web服务器技术选型指南:主流方案、核心对比与策略选择
运维·服务器·前端·程序那些事
学习机器不会机器学习1 小时前
深入浅出JavaScript常见设计模式:从原理到实战(1)
开发语言·javascript·设计模式
hax1 小时前
deepseek-R1 理解代码能力一例
javascript·deepseek
brzhang1 小时前
效率神器!TmuxAI:一款无痕融入终端的AI助手,让我的开发体验翻倍提升
前端·后端·算法