el-input去边框
时间: 2023-11-23 11:06:46 浏览: 214
html5去掉输入框边框
4星 · 用户满意度95%
去掉el-input的边框,可以使用Vue的深度选择器>>>来穿透scoped属性,然后设置.el-input__inner的border为0即可。如果el-input的type设置成了textarea,还需要设置.el-textarea__inner的resize为none,这样就可以去掉下面拉伸的标志了。具体操作如下:
```css
/* 利用穿透,设置input边框隐藏 */
.parent >>> .el-input__inner {
border: 0;
}
/* 如果你的 el-input type 设置成textarea ,就要用这个了 */
.parent >>> .el-textarea__inner {
border: 0;
resize: none;
}
```
其中,parent是el-input的父级元素,可以根据实际情况进行修改。
阅读全文