el-date-picker 使用popper-class修改背景色
时间: 2023-07-24 12:37:32 浏览: 216
更改DateTimePick控件背景色
4星 · 用户满意度95%
如果您想要使用 `popper-class` 属性来修改 `el-date-picker` 弹出框的背景色,可以按照以下步骤进行操作:
1. 在 `el-date-picker` 组件上添加 `popper-class` 属性,并设置一个自定义的类名,例如 `my-popper-class`。
```html
<el-date-picker popper-class="my-popper-class"></el-date-picker>
```
2. 在样式表中添加 `.my-popper-class` 类的样式,并设置背景色。
```css
.my-popper-class .el-picker-panel {
background-color: #f0f0f0; /* 设置背景色 */
}
```
上面的代码将会修改 `el-date-picker` 弹出框的背景色为 `#f0f0f0`。
请注意,`.el-picker-panel` 是 `el-date-picker` 弹出框的容器元素,您可以使用其他 CSS 属性来修改其样式,例如 `border-radius`、`box-shadow` 等。
阅读全文