el-date-picker使用popper-class修改背景色

如果您想要使用 `popper-class` 属性来修改 `el-date-picker` 弹出框的背景色，可以按照以下步骤进行操作：

1. 在 `el-date-picker` 组件上添加 `popper-class` 属性，并设置一个自定义的类名，例如 `my-popper-class`。

   <el-date-picker popper-class="my-popper-class"></el-date-picker>

2. 在样式表中添加 `.my-popper-class` 类的样式，并设置背景色。

   .my-popper-class .el-picker-panel {
     background-color: #f0f0f0; /* 设置背景色 */
   }

上面的代码将会修改 `el-date-picker` 弹出框的背景色为 `#f0f0f0`。

请注意，`.el-picker-panel` 是 `el-date-picker` 弹出框的容器元素，您可以使用其他 CSS 属性来修改其样式，例如 `border-radius`、`box-shadow` 等。

相关问题

el-date-picker 使用popper-class修改背景色

如果您想要使用 `popper-class` 属性来修改 `el-date-picker` 弹出框的背景色，可以按照以下步骤进行操作：

1. 在 `el-date-picker` 组件上添加 `popper-class` 属性，并设置一个自定义的类名，例如 `my-popper-class`。

   <el-date-picker popper-class="my-popper-class"></el-date-picker>

2. 在样式表中添加 `.my-popper-class` 类的样式，并设置背景色。

   .my-popper-class .el-picker-panel {
     background-color: #f0f0f0; /* 设置背景色 */
   }

上面的代码将会修改 `el-date-picker` 弹出框的背景色为 `#f0f0f0`。

请注意，`.el-picker-panel` 是 `el-date-picker` 弹出框的容器元素，您可以使用其他 CSS 属性来修改其样式，例如 `border-radius`、`box-shadow` 等。

el-date-picker的popper-class

el-date-picker 的 popper-class 是用来自定义弹出框的样式的。可以在 el-date-picker 组件中使用 popper-class 属性来指定一个自定义的类名，然后在你的样式表中定义该类名的样式。

例如，你可以这样使用 popper-class：

<el-date-picker popper-class="my-popper-class"></el-date-picker>

然后在你的样式表中定义 .my-popper-class 类的样式：

.my-popper-class {
  /* 自定义样式 */
}

这样，弹出框就会应用你定义的自定义样式了。你可以根据需要修改 .my-popper-class 类的样式来达到你想要的效果。