elementui去除输入上框边框
时间: 2023-08-22 22:06:50 浏览: 87
可清除的输入框
要去除 ElementUI 输入框的上框边框,可以使用以下方法:
1. 通过自定义 CSS 来覆盖默认样式。在你的样式文件中添加以下代码:
```css
.el-input {
border-top: none;
}
```
这将为所有的输入框去除上框边框。
2. 如果只想针对某个特定的输入框去除上框边框,可以给该输入框添加一个自定义的类名,然后使用该类名来设置样式。例如:
```html
<el-input class="custom-input" placeholder="请输入内容"></el-input>
```
```css
.custom-input .el-input__inner {
border-top: none;
}
```
这样只有带有 `custom-input` 类名的输入框才会去除上框边框。
记得在引入 ElementUI 样式文件之后引入自定义的样式文件,以确保自定义样式生效。
阅读全文