el-input去边框

去掉el-input的边框，可以使用Vue的深度选择器>>>来穿透scoped属性，然后设置.el-input__inner的border为0即可。如果el-input的type设置成了textarea，还需要设置.el-textarea__inner的resize为none，这样就可以去掉下面拉伸的标志了。具体操作如下：

/* 利用穿透，设置input边框隐藏 */
.parent >>> .el-input__inner {
  border: 0;
}
/* 如果你的 el-input type 设置成textarea ，就要用这个了 */
.parent >>> .el-textarea__inner {
  border: 0;
  resize: none;
}

其中，parent是el-input的父级元素，可以根据实际情况进行修改。

相关问题

去除el-input的边框

你可以使用 CSS 样式来去除 `el-input` 的边框。具体方法如下：

.el-input__inner {
  border: none;
}

这将会去除 `el-input` 内部的输入框的边框。如果你还想去除输入框的阴影，可以添加下面的样式：

.el-input__inner {
  border: none;
  box-shadow: none;
}

如果你想要去除 `el-input` 的外部边框，可以添加下面的样式：

.el-input {
  border: none;
}

如果你想要去除 `el-input` 的外部边框和内部输入框的边框和阴影，可以添加下面的样式：

.el-input {
  border: none;
}

.el-input__inner {
  border: none;
  box-shadow: none;
}

el-input隐藏边框

要隐藏 el-input 的边框，你可以使用以下两种方法之一：

1. 使用 CSS：给 el-input 添加一个自定义的 class，并使用 CSS 设置它的边框为 none。例如：

.hide-border {
  border: none;
}

然后在 el-input 中添加该 class：

<el-input class="hide-border"></el-input>

2. 使用 el-input 的属性：el-input 提供了一个名为 border 的属性，可以用来控制边框的显示。设置 border 属性为 false 可以隐藏边框。例如：

<el-input :border="false"></el-input>

无论使用哪种方法，都可以实现 el-input 的边框隐藏效果。