elementui边框
时间: 2023-10-03 22:07:48 浏览: 81
ElementUI提供了多种边框样式供选择,你可以通过设置`border`属性来改变元素的边框样式。具体的边框样式类名如下:
- `el-border`:默认边框,1像素细线。
- `el-border--medium`:中等粗细的边框,2像素粗线。
- `el-border--strong`:强调边框,3像素粗线。
- `el-border--top`:只有顶部有边框。
- `el-border--bottom`:只有底部有边框。
- `el-border--left`:只有左侧有边框。
- `el-border--right`:只有右侧有边框。
例如,如果你想要一个中等粗细的边框,可以添加类名`el-border--medium`。如果你只想要一个底部边框,可以添加类名`el-border--bottom`。
相关问题
elementui表格两边边框
ElementUI表格的两边边框问题可以通过给表格添加背景色来解决。在.el-table的样式中添加background-color属性,并设置一个合适的颜色值,可以将边框问题在视觉效果上隐藏起来。这种方法并不适用于其他项目,只是一种个人的解决办法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [ElementUI中table边框去掉之后左右两侧存在残留问题](https://blog.csdn.net/weixin_43972992/article/details/120745360)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
elementui 修改下拉边框
根据引用\[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 ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.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)