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

需求引入

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

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

解决方法

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

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

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

相关推荐
_jacobfu3 分钟前
mac2024 安装node和vue
前端·javascript·vue.js
Ztiddler4 分钟前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
三天不学习7 分钟前
前端工程化-node/npm/babel/polyfill/webpack 一文速通
前端·webpack·npm
羽羽Ci Ci13 分钟前
axios vue.js
前端·javascript·vue.js
axihaihai13 分钟前
购物街项目TabBar的封装
vue.js
halo141614 分钟前
uni-app 界面TabBar中间大图标设置的两种方法
开发语言·javascript·uni-app
货拉拉技术14 分钟前
多元消息融合分发平台
javascript·后端·架构
岳哥i38 分钟前
前端项目接入单元测试手册
前端·单元测试
小彭努力中42 分钟前
138. CSS3DRenderer渲染HTML标签
前端·深度学习·3d·webgl·three.js
栈老师不回家1 小时前
Element UI 组件库详解【Vue】
前端·vue.js·ui