vue---el-input样式覆盖

版权声明：本文为博主原创文章，喜欢的话，可以通知我后进行转载哦！ https://blog.csdn.net/maidu_xbd/article/details/89023087

input输入框定义如下

<el-input
     id="dialog_input"
     style="margin-left:20px;"
     class="dialog-input-text"
     type="input"
     autosize
     v-model="dialogInput"
     ref="dialogInput"
 ></el-input>

修改【.el-input_inner】样式需要在style样式定义处的【.el-input_inner】前加上【.类名 >>>】，如下：

.dialog-input-text >>> .el-input__inner {
  -web-kit-appearance: none;
  -moz-appearance: none;
  font-size: 1.4em;
  height: 2.9em;
  border-radius: 4px;
  border: 1px solid #b6d8f1;
  color: #6a6f77;
  outline: 0;
}