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

更多关于修改ElementUI样式的方法,可以参考这篇文章

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

posted @ 2020-07-10 18:38  公瑾当年  阅读(46397)  评论(1编辑  收藏  举报