react-datepicker 删除其他月份同一天的颜色答案

【问题标题】：react-datepicker remove coloring of same day in other monthsreact-datepicker 删除其他月份同一天的颜色
【发布时间】：2020-08-06 13:35:08
【问题描述】：

如果您查看 react-datepicker 的默认实现，每个月都会突出显示本月的某天。有没有办法只突出显示/着色当前月份的日期而不突出显示所有其他月份的这个日期？

如果您查看第一张图片，则会突出显示 8 月 6 日，因为它是当前日期。但也突出显示了 9 月 6 日。

【问题讨论】：

【解决方案1】：

在我意识到这个问题与 CSS 类 .react-datepicker__day--keyboard-selected 相关后，我快速搜索了一下，发现我们可以通过禁用键盘导航来解决这个问题（如果您不需要键盘导航功能）

<DatePicker 
  selected={startDate} 
  onChange={date => setStartDate(date)}
  disabledKeyboardNavigation
/>

【讨论】：

【解决方案2】：

创建一个自定义 css 选择器以禁用所有这些日期的背景。

.react-datepicker__day.react-datepicker__day--keyboard-selected {
  background: none;
  color: black;
}

也检查这个沙盒

【讨论】：

我似乎无法正常工作。我的日期选择器有一个自定义类名“DatePicker”。也许这就是问题所在？
嗯，你可以试试!important 以防万一吗？我有一个正在工作的密码箱
为了不使用!important，我更新了选择器。
好的，我让它工作了。我将代码添加到包含 Datepicker 的组件的 css 中。当我将代码添加到 index.js 的 css 文件中时，它起作用了。非常感谢！
大起来！谢谢你