如何去掉ElenmentUi输入框的边框?

3131975015
  • 411

我在组件中下面这样写都不行

<el-input class="el" style="outline:none;" placeholder="请输入内容" v-model="input2">
        </el-input>
el-input{
  outline:none;
}
input{
  outline:none;
}
.el-input__inner{
  outline:none;
}
回复
阅读 8.3k
3 个回答
✓ 已被采纳

边框是border...

.el-input__inner {
    border: none;
}

首先f12查看样式层级, 哪一个层级先作用于该样式. 然后根据每个标签在element.style增加样式查看是否有效. 如果有效,则可以在代码中添加样式, 如果不行, 那么就是层级问题, 你可以在外层添加标签class, 进一步增加层级, 如果还是不行, 在element组件上添加id, id级别高, 根据ID进行添加. 最后实在不行, 使用!important.

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