使用react日期选择器，需要对今天的日期和选定的日期应用不同的样式

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属性，而不是设置background-color属性。这将覆盖从今天开始的background: linear-gradient选择器。

​

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

​