修改el-input 禁用状态下的字体颜色

<div class="input"><el-input class="rt-input" :disabled value="你好></el-input></div><style scoped>.rt-input /deep/ .el-input__inner {color: rgb(92, 112, 234) !important;cu

南桥几许

6970人浏览 · 2020-10-30 15:23:24

南桥几许 · 2020-10-30 15:23:24 发布

  <div class="input"><el-input class="rt-input" :disabled value="你好></el-input></div>
<style scoped>
.rt-input /deep/ .el-input__inner {
  color: rgb(92, 112, 234) !important;
  cursor: pointer;
}

vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对所以子组件都生效，可以使用 /deep/ 深度选择器。***/deep/在scss中不可用***

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}$/, //不连续的两位字母// /^