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` 等。

相关问题

在vue2中，设置一个class=“el-picker-panel el-date-picker el-popper export-date-picker”的组件background: #29343F;

你可以通过给该组件添加样式来设置其背景颜色。具体方法如下：

1. 在组件的样式文件中定义一个类，例如：

.my-picker-panel {
  background-color: #29343F;
}

2. 在组件中添加一个class绑定，例如：

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

这样就可以将背景颜色设置为 #29343F 了。注意，如果组件中已经有class属性，你需要将新添加的class与原有的class用空格分开，例如：

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

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 类的样式来达到你想要的效果。