0


element-ui 修改el-form-item样式

文章目录

form结构

<el-form:model="formData"label-width="80px"><el-form-itemlabel="label1"><el-inputv-model="formData.value1"></el-input></el-form-item><el-form-item><el-buttontype="primary"@click="onSubmit">提交</el-button><el-button>取消</el-button></el-form-item></el-form>

修改el-form-item所有样式

<stylelang="less"scoped>.el-form{.el-form-item{/deep/ *{font-size: 18px;color: blue;}}}</style>

在这里插入图片描述

只修改label

<stylelang="less"scoped>.el-form{.el-form-item{/deep/ .el-form-item__label{font-size: 18px;color: blue;}}}</style>

在这里插入图片描述

只修改content

<stylelang="less"scoped>.el-form{.el-form-item{/deep/ .el-form-item__content{*{font-size: 18px;color: blue;}}}}</style>

在这里插入图片描述

只修改input

<stylelang="less"scoped>.el-form{.el-form-item{/deep/ .el-form-item__content{input{font-size: 18px;color: blue;}}}}</style>

在这里插入图片描述

只修改button

<stylelang="less"scoped>.el-form{.el-form-item{/deep/ .el-form-item__content{button{font-size: 18px;color: blue;}}}}</style>

在这里插入图片描述

标签: vue.js 前端 elementui

本文转载自: https://blog.csdn.net/m0_47659279/article/details/126314410
版权归原作者 程序猿想成程序狮 所有, 如有侵权,请联系我们删除。

“element-ui 修改el-form-item样式”的评论:

还没有评论