Javascript jQueryUIDatePicker：当今天也被选中时，不要突出显示它

我正在使用来选择日期。它工作得很好，除了有一个我想更改的默认行为。当您选择一天时，我喜欢突出显示所选的一天。当天也会突出显示，但使用了我也喜欢的不同css样式。但是，如果选择当前日期，则由于它是当前日期而突出显示将取代正在选择的日期。。。我更希望选择它来取代当天的亮点，我觉得这会很清楚地表明您选择了当天

现在，我觉得我可以更新css来解决我的问题。然而，我真的不想调整开箱即用的jQueryUICSS，因为我想稍后将皮肤添加到我的应用程序中。这意味着，若我抓住一堆jQuery UI主题。。。然后，我必须对所有这些都进行同样的调整，这是非常不受欢迎的

我可能也可以更新实际的Datepicker插件来实现这一点，但随后我遇到了一个问题，如果我想稍后更新我的Datepicker。。。我需要记住再做一次修复

---

理想情况下，我可以使用Datepicker中内置的一些选项来实现我的目标，但到目前为止，似乎没有一个选项是正确的。我会接受某种JavaScript攻击，或者css插入页面，但我现在对想法一无所知。

向页面添加额外的css文件肯定是首选方法。它很容易管理，并且按照预期的方式使用CSS

您需要将覆盖CSS放在任何先前加载的基本jQuery CSS或任何主题CSS文件之后的head标记中，以便覆盖它们的值。您还可以增加默认标记的特殊性，引用特定实例中的类或ID

i、 e

迈克的话：

我最终发现，在代表日期的锚周围有一个td，td也有今天的信息。。。因此，尽管没有跨浏览器的方式来选择我找到的具有多个类的项目，但在这种情况下，以下内容将在新文件中起作用，正如PHPexperts.ca所述：

.ui-datepicker-today .ui-state-active {
  border: 1px solid #aaaaaa;
}

---

由于我花了一段时间才弄清楚如何在使用PHPexperts.ca的答案的情况下，在今天的样式之上精确复制所选的样式，因此，如果您遇到问题，这里提供的更多信息可能会使它更简单

如果选择的日期不是今天，则在选择“今天”时应复制以获得相同外观的样式位于a标记和选择器中

.ui状态活动，.ui小部件内容.ui状态活动，.ui小部件标题.ui状态活动

如果您安装了Firefox和Firebug，这应该很容易找到。选择日期，重新打开日期选择器，右键单击并选择“检查元素”

对于jQuery UI主题“UI黑暗”，复制到覆盖css中的样式是

.ui状态活动，.ui小部件内容.ui状态活动，.ui小部件标题.ui状态活动{ 背景：urlmages/ui-bg_inset-soft_30_f58400_1x100.png repeat-x滚动50%50%f58400； 边框：1px实心FFAF0F； 颜色：FFFFFF； }

---

如果你改变主题，看起来这三种风格都会改变。

实际上，这很简单，只需添加！对于后台和边框元素的.ui state活动类很重要。

这似乎工作得很好，这正是我想要的！谢谢真正地这并不能回答“今天不高亮显示，当前选择高亮显示”的问题。背景似乎没有改变，即使与！这很重要，因为还有其他课程在进行。另外，我不知道什么是未选择的样式。

.ui-state-highlight {
    border: 1px solid #d3d3d3 !important;
    background-color: #e6e6e6 !important;
}

.ui-datepicker-today .ui-state-active {
  border: 1px solid #aaaaaa;
}

.ui-state-highlight {
    border: 1px solid #d3d3d3 !important;
    background-color: #e6e6e6 !important;
}