在日期选择器中删除突出显示选定的日期答案

【问题标题】：Remove highlight selected date in datepicker在日期选择器中删除突出显示选定的日期
【发布时间】：2018-03-28 22:00:41
【问题描述】：

我目前正在使用 datepicker，我发现 datepicker 默认会像这样突出显示选定的日期

我检查了这个，我发现所选日期被添加到类 ui-state-active

所以它变成了蓝色。如何通过添加此类来停止选定的日期？当我选择日期时，我不想知道我选择了哪一天。我确实试图覆盖 ui-state-active 类的 css，但是当我选择 17 日时，它会将突出显示的日期变为默认日期。我应该阻止它在选定日期添加 ui-state-active 类，而不是覆盖 css。

我怎样才能做到这一点。

预期结果：选择日期时，没有突出显示

【问题讨论】：

不相关，但如果没有，请查看<input type = "date" /> 而不是 datepicker 插件

标签： jquery user-interface datepicker

【解决方案1】：

查看主题部分下的 datepicker 引用 Datepicker Widget 我注意到所选日期的 siling css 类是“ui-datepicker-current-day”而不是“ui-state-active”。也许您可以覆盖它并获得所需的行为？我在开发者工具下用 chrome 做了一个小测试，我能够修改这个控件的行为

td.ui-datepicker-current-day {
  background-color: red;
}

【讨论】：

原来的颜色是蓝色的，而不是把它变成红色，我实际上希望阻止它突出显示选择了哪一天。禁用onselect功能可以吗？
嗨，我放红色只是为了展示如何覆盖特定的 css 条件/属性。使用我的代码，您可以设置透明度，并围绕该类使用 css 类。禁用 onselect 函数意味着覆盖 datepicker 的默认行为，据我所知，很难实现......这里another question on SO 谈到了这个......

【解决方案2】：

要删除活动颜色，请给出这个 css：

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: #f6f6f6;
  border: 1px solid #c5c5c5;
  color: #454545;  
}

【讨论】：

我可以将所选日期设置为默认颜色，假装对所选日期没有影响。我确实将今天以灰色突出显示，公共假期以红色突出显示。如果我将此 ui-state-active 修改为默认颜色，当我选择今天时，今天也会变成默认颜色。这是不正确的。而不是覆盖这个css。我实际上希望阻止它在选定的日期添加“ui-state-active”类。