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

需求引入

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

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

解决方法

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

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

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

相关推荐
知识分享小能手1 小时前
React学习教程,从入门到精通,React 单元测试:语法知识点及使用方法详解(30)
前端·javascript·vue.js·学习·react.js·单元测试·前端框架
Ares-Wang3 小时前
Vue3 》》vite》》TS》》封装 axios ,Promise<T>
vue.js·typescript
PineappleCoder4 小时前
搞定用户登录体验:双 Token 认证(Vue+Koa2)从 0 到 1 实现无感刷新
前端·vue.js·koa
Min;5 小时前
cesium-kit:让 Cesium 开发像写 UI 组件一样简单
javascript·vscode·计算机视觉·3d·几何学·贴图
EveryPossible5 小时前
展示内容框
前端·javascript·css
伊织code5 小时前
WebGoat - 刻意设计的不安全Web应用程序
前端·安全·webgoat
子兮曰5 小时前
Vue3 生命周期与组件通信深度解析
前端·javascript·vue.js
拉不动的猪5 小时前
回顾关于筛选时的隐式返回和显示返回
前端·javascript·面试
yinuo5 小时前
不写一行JS!纯CSS如何读取HTML属性实现Tooltip
前端
gnip6 小时前
脚本加载失败重试机制
前端·javascript