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>
![在这里插入图片描述](https://img-blog.csdnimg.cn/0ebc9b1ba6bf4fcbbb95f6cd87965729.png)
只修改label
<style lang="less" scoped>
.el-form {
.el-form-item {
/deep/ .el-form-item__label {
font-size: 18px;
color: blue;
}
}
}
</style>
![在这里插入图片描述](https://img-blog.csdnimg.cn/04cc00bad7b24f4aaaf22af2e041213c.png)
只修改content
<style lang="less" scoped>
.el-form {
.el-form-item {
/deep/ .el-form-item__content {
* {
font-size: 18px;
color: blue;
}
}
}
}
</style>
![在这里插入图片描述](https://img-blog.csdnimg.cn/d76f54e8073c4c9f86e9dbd60a3adbba.png)
只修改input
<style lang="less" scoped>
.el-form {
.el-form-item {
/deep/ .el-form-item__content {
input {
font-size: 18px;
color: blue;
}
}
}
}
</style>
![在这里插入图片描述](https://img-blog.csdnimg.cn/72faee9159964c4e9a98f6e3522790f4.png)
只修改button
<style lang="less" scoped>
.el-form {
.el-form-item {
/deep/ .el-form-item__content {
button {
font-size: 18px;
color: blue;
}
}
}
}
</style>
![在这里插入图片描述](https://img-blog.csdnimg.cn/9dc507b46de34422a6848892af4e7123.png)