.el-picker-panel 的圆角为什么会缺
时间: 2024-06-13 22:01:50 浏览: 14
.el-picker-panel 的圆角缺失可能是由于样式表中设置了边框样式,但未设置边框颜色和背景色导致的。如果没有设置边框颜色和背景色,则可能会导致圆角被“遮盖”而无法显示出来。
另外,圆角缺失也可能是由于元素的宽度或高度太小而导致的。如果元素的尺寸比较小,则圆角可能会被“裁切”,因此需要适当调整元素的尺寸。
相关问题
为什么使用/deep/ .el-picker-panel修改不了<el-date-picker>组件中的el-picker-panel样式呢?
在Vue中,使用/deep/ .el-picker-panel可以修改<el-date-picker>组件中的el-picker-panel样式。但是在element-ui 2.x版本中,由于scoped样式的影响,/deep/选择器已经被废弃。因此,如果要修改<el-date-picker>组件中的el-picker-panel样式,可以使用以下两种方法:
1. 使用>>>选择器,例如:.el-date-picker>>> .el-picker-panel { /* your styles */ }
2. 使用::v-deep选择器,例如:.el-date-picker::v-deep .el-picker-panel { /* your styles */ }
.el-date-range-picker .el-picker-panel__body怎么修改背景颜色 在style 里
如果您想要修改 `el-date-range-picker` 组件中 `el-picker-panel__body` 的背景颜色,可以在您的 `style` 标签或者样式表中添加如下代码:
```css
.el-date-range-picker .el-picker-panel__body {
background-color: #f0f0f0; /* 这里是您需要修改的背景颜色 */
}
```
其中,`#f0f0f0` 是一个示例背景颜色,请根据您的实际需求进行修改。
相关推荐
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)