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

Question

我目前正在使用datepicker，我发现默认情况下，日期选择器将突出显示所选日期

并且我检查了这一点，我发现所选日期被添加了类ui-state-active

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

我该如何实现呢。

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

Answer 1

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

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

Answer 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;  
}