怎么修改 elementUI 里 el-input 的高度?

我试了好久还是修改不了,这是为啥啊。

阅读 17.1k
3 个回答
  <div>
    <el-input></el-input>
  </div>
  div >>> .el-input > input{
    height: 20px;
  }

看你的css有没有模块作用域,就是有没有scopedvue组件编译后,会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局。

一般还是不建议去除scoped,避免污染全局的样式。那就需要采用深度作用选择器

**(注意,只作用于css)**
.xxx >>> .el-input__inner {
    // 样式
}

但如果是sass/less的话可能无法识别,这时候需要使用 /deep/ 选择器
.xxx {
    /dee/ .el-input__inner {
        // 样式
    }
}

你先检查找到input的类名,然后给他覆盖样式就可以了,实在应用不上加个!important试试呢?
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题