去除el-input的边框
时间: 2023-06-10 12:08:19 浏览: 117
你可以使用 CSS 样式来去除 `el-input` 的边框。具体方法如下:
```css
.el-input__inner {
border: none;
}
```
这将会去除 `el-input` 内部的输入框的边框。如果你还想去除输入框的阴影,可以添加下面的样式:
```css
.el-input__inner {
border: none;
box-shadow: none;
}
```
如果你想要去除 `el-input` 的外部边框,可以添加下面的样式:
```css
.el-input {
border: none;
}
```
如果你想要去除 `el-input` 的外部边框和内部输入框的边框和阴影,可以添加下面的样式:
```css
.el-input {
border: none;
}
.el-input__inner {
border: none;
box-shadow: none;
}
```
相关问题
Element Plus去除el-input 边框
要去除Element Plus中的el-input的边框,你可以使用以下CSS:
```css
.el-input__inner {
border: none;
}
```
这将把el-input中的内部元素的边框样式设置为无。如果你想要去除el-input的外边框,你可以使用以下CSS:
```css
.el-input {
border: none;
}
```
这将把el-input的边框样式设置为无。
去掉el-input的边框
以下是去掉el-input边框的方法:
1. 使用CSS样式修改边框:
```html
<el-input class="inputDeep" readonly v-model="planName"></el-input>
```
```css
.inputDeep {
:deep(.el-input__wrapper) {
box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
cursor: default;
.el-input__inner {
cursor: default !important;
}
}
}
```
相关推荐
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)