elementui 修改下拉边框
时间: 2023-10-03 22:04:05 浏览: 86
根据引用\[1\]和引用\[2\]的内容,要修改ElementUI下拉框的边框,可以使用以下样式设置:
```css
.selectCls .el-scrollbar {
max-height: 200px;
}
::v-deep .el-input__inner {
border: none;
box-shadow: none;
}
```
其中,`.selectCls .el-scrollbar`样式用于设置下拉框内层元素的最大高度为200px,而`::v-deep .el-input__inner`样式用于去除下拉框的边框和阴影。
另外,根据引用\[3\]的内容,如果要通过ElementUI官网提供的参数来设置下拉框的样式,可以使用`popper-class`属性,并在样式中设置`.selectCls`类的最大高度为200px。
综上所述,你可以使用以上样式来修改ElementUI下拉框的边框。
#### 引用[.reference_title]
- *1* *3* [elementUi——select选择框的下拉框样式调整——基础积累](https://blog.csdn.net/yehaocheng520/article/details/124034202)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue使用elementui去掉el-select的边框显示](https://blog.csdn.net/changyana/article/details/126163250)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文