vue使用elementUI form表单label样式修改

1.删除style标签中的 scoped 属性

   <style lang="lang" scoped>
      ...
   </style>

2.在对应el-form-item的label属性中加入class样式

   <el-form-item label="用户名" class="item">
        <el-input v-model="ruleForm.username" placeholder="请输入用户名" maxlength="10"></el-input>
   </el-form-item>

3.审查元素,找到label对应的class

如:.el-form-item__label 添加如下样式代码

.item .el-form-item__label{
    color: wheat;
}

参考文章:https://blog.csdn.net/qq_40209717/article/details/103413486

文章来自:https://www.cnblogs.com/aurora-ql/p/13280753.html
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3