vue---el-input样式覆盖

最新推荐文章于 2025-03-16 11:09:14 发布

maidu_xbd

最新推荐文章于 2025-03-16 11:09:14 发布

阅读量1.5w

点赞数 5

分类专栏： vue CSS 文章标签： el-input样式覆盖

本文链接：https://blog.csdn.net/maidu_xbd/article/details/89023087

版权

vue 同时被 2 个专栏收录

107 篇文章

订阅专栏

CSS

26 篇文章

订阅专栏

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;
}