elementui表单（element-ui 修改el-form-item样式）
导读：form结构 <el-form...
form结构
<el-form :model="formData" label-width="80px"> <el-form-item label="label1"> <el-input v-model="formData.value1"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit">提交</el-button> <el-button>取消</el-button> </el-form-item> </el-form>修改el-form-item所有样式
<style lang="less" scoped> .el-form { .el-form-item { /deep/ * { font-size: 18px; color: blue; } } } </style>只修改label
<style lang="less" scoped> .el-form { .el-form-item { /deep/ .el-form-item__label { font-size: 18px; color: blue; } } } </style>只修改content
<style lang="less" scoped> .el-form { .el-form-item { /deep/ .el-form-item__content { * { font-size: 18px; color: blue; } } } } </style>只修改input
<style lang="less" scoped> .el-form { .el-form-item { /deep/ .el-form-item__content { input { font-size: 18px; color: blue; } } } } </style>只修改button
<style lang="less" scoped> .el-form { .el-form-item { /deep/ .el-form-item__content { button { font-size: 18px; color: blue; } } } } </style>
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！