javascript - 使用react datepicker，需要为今天的日期和选择的日期应用不同的样式

Question

我正在使用 React Datepicker，我需要为当前日期和选定日期应用两种不同的样式。

我有当前日期的样式和用户选择日期时的样式。

我的问题是两种风格都没有优先于另一种，当您选择当前日期时，两种颜色都只是网格。我正在尝试设置它，以便在您选择当前日期时应用所选日期 CSS 样式并忽略其他样式。

CSS Styles

.myClassname,
.react-datepicker__day--selected {
  background-color: #1648c3 !important;
}

.myClassname,
.react-datepicker__day--today {
  border: 2px solid
    linear-gradient(
      174deg,
      rgba(255, 165, 0, 0.7357317927170868) 32%,
      rgba(249, 239, 170, 1) 100%
    );
  border-radius: 0.3rem;
  background: linear-gradient(
    174deg,
    rgba(255, 165, 0, 0.7357317927170868) 32%,
    rgba(249, 239, 170, 1) 100%
  );
}

Answer 1

您唯一需要更改的是您的 selected CSS 选择器。不设置 background-color 属性，只设置 background 属性。这将覆盖今天选择器中的 background: linear-gradient。

myClassname,
.react-datepicker__day--selected {
  background: #1648c3 !important;
}