在 react-datepicker 中更改所选日期的颜色答案

【问题标题】：Change color of selected date in react-datepicker在 react-datepicker 中更改所选日期的颜色
【发布时间】：2021-11-05 21:04:22
【问题描述】：

我需要将所选日期的my react-datepicker 颜色更改为另一种颜色。如何在 css 中选择这个日期范围？

【问题讨论】：

请编辑问题以将其限制为具有足够详细信息的特定问题，以确定适当的答案。

标签： css reactjs react-datepicker

【解决方案1】：

.react-datepicker {
  font-family: RobotoMedium;
  font-size: 14px !important;
  color: #c7c7c7 !important;

  &__header {
    background-color: $white !important;
    padding-top: 0px !important;
    border: none !important;
  }

  &__day-name {
    color: #c7c7c7 !important;
    font-size: 14px !important;
  }

  &__day {
    color: $black !important;
    font-size: 13px !important;

    &--keyboard-selected,
    &--selected {
      border-radius: 25px !important;
      background: $dark-red !important;
      color: $white !important;
    }
    &--disabled {
      color: #c7c7c7 !important;
    }
  }
}

使用这个scss，像这样改变颜色。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。