vue使用 element lable的样式修改

1.去掉style中的scoped<style scoped></style>2.在对应el-form-item的label属性中加入class样式<el-form-item label="用户名" class="item"><el-input v-model="ruleForm.username" placeho...

回眸。等待

8021人浏览 · 2019-12-05 22:15:33

回眸。等待 · 2019-12-05 22:15:33 发布

1.去掉style中的scoped

<style 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.查看当前元素对应style的样式名称

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

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

参考链接：https://www.jianshu.com/p/465207874a10

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^