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

Question

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

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

Answer 1

边框是border...

.el-input__inner {
    border: none;
}

Answer 2

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

Answer 3

border:none;