首页 > 其他 > 详细

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

时间:2020-07-10 20:59:51      阅读:2974      评论:0      收藏:0      [点我收藏+]

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

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

原文:https://www.cnblogs.com/aurora-ql/p/13280753.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!