el-from表单实现lable字体大小改变

<el-form-item label="活动名称" class="my-form">

<el-input v-model="form.name" style="width: 80%;" ></el-input>

</el-form-item>

<style scoped lang="less">

//给当前页面所以的lable都字体发生改变

/deep/ .el-form-item__label{

font-size: 40px;

}

//如何想给某个lable字体修改

.my-form /deep .el-form-item__label{

font-size: 20px;

}

</style>

设置表单宽度大小

直接在组件上写宽度即可

<el-input v-model="form.name" style="width: 80%;" ></el-input>

<el-select v-model="form.region" placeholder="请选择活动区域" style="width: 80%;">

<el-option label="区域一" value="shanghai"></el-option>

<el-option label="区域二" value="beijing"></el-option>

</el-select>

设置输入框中提示语的字体大小

<el-input v-model="form.name" style="width: 80%;" placeholder="请输入内容"></el-input>

/deep/ .el-input__inner::placeholder{

font-size: 20px;

}

相关推荐
hunterandroid3 分钟前
自定义 View 绘制与触摸冲突:从滑动卡顿到事件分发闭环
android·前端
vancece7 分钟前
JS实现堆 & 215.数组中的第K个最大元素
java·前端·javascript
请你吃div17 分钟前
Electron 从零开始的新手开发教程
vue.js·windows·electron
lichenyang45327 分钟前
NestJS + Socket.IO 鉴权、用户房间与幂等邀请
前端·后端
paopaokaka_luck29 分钟前
基于springboot3+vue3+uniapp的剧本杀预约小程序(AI角色对话、协同过滤算法、地图Api、Echarts图形化分析)
java·前端·spring boot·学习·echarts
lichenyang45329 分钟前
React 实时通知与异步竞态处理
前端·后端
三十而立洋34 分钟前
搭建现代化 Git 提交规范:commitlint + czg + husky + lint‑staged 完整实战
前端
半个落月36 分钟前
React + Vite Todo 实践:用 Axios 与 Mock 解开前后端等待
前端
qq_3168377538 分钟前
uniapp 安卓/H5 使用 contentEditable 属性 富文本编辑器
android·javascript·uni-app
yuqifang39 分钟前
var deferred = jQuery.Deferred(); 使用示例
前端·javascript·面试