.el-date-range-picker .el-picker-panel__body怎么修改背景颜色 在style 里

如果您想要修改 `el-date-range-picker` 组件中 `el-picker-panel__body` 的背景颜色，可以在您的 `style` 标签或者样式表中添加如下代码：

.el-date-range-picker .el-picker-panel__body {
  background-color: #f0f0f0; /* 这里是您需要修改的背景颜色 */
}

其中，`#f0f0f0` 是一个示例背景颜色，请根据您的实际需求进行修改。

相关问题

.el-date-range-picker 怎么修改样式

el-date-range-picker 是一个日期区间选择器，如果您想要修改它的样式，可以通过以下方式进行：

1. 自定义样式

通过添加自定义的 CSS 样式来修改样式。el-date-range-picker 中的各个组件都有对应的 CSS 类名，可以通过这些类名来修改样式。具体步骤如下：

（1）在页面中添加一个自定义的 CSS 样式文件，例如：

<link rel="stylesheet" href="your-own-style.css">

（2）在 your-own-style.css 文件中添加自定义的样式，例如：

.el-date-range-picker__header {
  background-color: red;
  color: white;
}

.el-date-range-picker__icon {
  font-size: 20px;
  color: green;
}

2. 使用 scoped 样式

如果您只想修改某个 el-date-range-picker 组件的样式，可以使用 scoped 样式来实现。具体步骤如下：

（1）在组件中添加 scoped 属性，例如：

<template>
  <div>
    <el-date-range-picker scoped>
      ...
    </el-date-range-picker>
  </div>
</template>

（2）在组件的样式中添加 scoped 样式，例如：

<style scoped>
.el-date-range-picker__header {
  background-color: red;
  color: white;
}

.el-date-range-picker__icon {
  font-size: 20px;
  color: green;
}
</style>

这样就可以只修改当前 el-date-range-picker 组件的样式，而不会影响到其他组件。

element-ui中el-date-picker的背景白色怎么改为透明使用.el-date-picker__editor-wrap 修改不了

在element-ui中，el-date-picker的背景颜色可以通过修改.el-picker-panel和.el-popper的样式来实现。但是，如果想要修改内部输入框的背景颜色，需要使用/deep/或>>>来穿透组件的样式隔离。具体实现方法如下：

<style lang="scss">
  .el-date-picker__editor-wrap >>> .el-input__inner {
    background-color: transparent !important;
  }
</style>

这样就可以将内部输入框的背景颜色改为透明了。需要注意的是，使用/deep/或>>>来穿透样式可能会影响到其他组件，所以需要谨慎使用。