去掉el-select的边框
时间: 2023-05-27 14:05:39 浏览: 419
您可以使用以下CSS样式来去掉el-select的边框:
```
.el-select .el-input {
border: none;
}
```
这将消除el-select输入框的边框。如果您还想去掉下拉箭头,请使用以下样式:
```
.el-select__caret {
display: none;
}
```
相关问题
elementui去除el-select边框
要去除ElementUI的el-select的边框,你可以使用v-deep来深度穿透样式。将下面的代码添加到你的样式中即可去除el-select的边框:
```css
::v-deep .el-input__inner {
border: none;
box-shadow: none;
}
```
el-select边框
根据引用内容和引用内容,要去掉el-select的边框,可以使用CSS样式。你可以给el-select添加一个自定义的class,然后使用CSS中的`.sel`或`.on_border_select`来修改样式。在这个class中,可以使用`border: 0px;`来去掉边框。例如:
```css
.sel {
border: 0px;
}
.on_border_select {
border: 0px;
}
```
这样就可以去掉el-select的边框了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-select去掉边框](https://blog.csdn.net/weixin_44582077/article/details/115487205)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [el-input和el-select去除边框](https://blog.csdn.net/wyw875960418/article/details/126977078)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [el-form表单el-input、el-select只读设置,去掉(删掉)边框线,完美替换整个HTML](https://blog.csdn.net/qq_41520636/article/details/124064774)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文