vue---el-input样式覆盖

Hero_rong

于 2019-11-18 10:06:23 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： sass

本文链接：https://blog.youkuaiyun.com/Hero_rong/article/details/103117777

sass 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何为Element UI中的el-input组件添加自定义样式，通过SCSS实现背景颜色、边框和文字颜色的修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给 el-input 添加样式 dialog-input-text ，scss 样式里面添加对应的样式

<el-input class='dialog-input-text' ref="username" v-model="loginForm.name" placeholder="Username" name="name" type="text" tabindex="1" auto-complete="on" />

.dialog-input-text >>> .el-input__inner {
  background-color: rgb(40,52,67)!important;
  border: solid rgb(40,52,67) 1px;
  color: white;
}