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

需求引入

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

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

解决方法

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

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

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

相关推荐
计算机学姐6 小时前
基于微信小程序的校园失物招领管理系统【uniapp+springboot+vue】
java·vue.js·spring boot·mysql·信息可视化·微信小程序·uni-app
Codebee7 小时前
Harness Engineering:AICode 的灵魂
前端·人工智能·前端框架
Highcharts.js7 小时前
线形比赛积分增长或竞赛图|Highcharts企业图表代码示列
开发语言·前端·javascript·折线图·highcharts·竞赛图
hpysirius7 小时前
在企业搭建一套完整的AI Agent系统
前端
追逐梦想永不停7 小时前
记录一个好用的excel判断数字格式的公式
前端·chrome·excel
hpysirius7 小时前
从零构建 Web 端视频剪辑器:技术实践与思考
前端
让学习成为一种生活方式7 小时前
大肠杆菌合成扑热息痛--对乙酰氨基酚--文献精读227
开发语言·前端·javascript
李白的天不白7 小时前
请求不到百度网址的原因
前端
多秋浮沉度华年7 小时前
electron 初始使用记录
javascript·arcgis·electron
Gary Studio7 小时前
Selinux编写
linux·服务器·前端