去掉el-select的边框

您可以使用以下CSS样式来去掉el-select的边框：

.el-select .el-input {
  border: none;
}

这将消除el-select输入框的边框。如果您还想去掉下拉箭头，请使用以下样式：

.el-select__caret {
  display: none;
}

相关问题

el-select边框

根据引用内容和引用内容，要去掉el-select的边框，可以使用CSS样式。你可以给el-select添加一个自定义的class，然后使用CSS中的`.sel`或`.on_border_select`来修改样式。在这个class中，可以使用`border: 0px;`来去掉边框。例如：

.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 ]

去掉el-select的默认边框

要去掉el-select的默认边框，可以使用以下CSS代码：
::v-deep .el-input__inner {
border: none;
box-shadow: none;
}
其中，::v-deep是一个Vue.js特有的伪选择器，可以穿透组件的作用域限制，使得样式可以应用到组件内部的元素上。el-input__inner是el-select组件内部的输入框元素，通过设置其边框为none，就可以去掉el-select的默认边框了。