1

我很想为 jQuery 日期选择器设置样式。我不能使用 jQuery 主题，因为它破坏了我网站的其余部分。

我已经完成了所有工作，期待一点点 - 突出当前的一天。

我遇到的问题是，当日期选择器第一次加载当前日期时，显示如下：

<td class="ui-datepicker-days-cell-over  ui-datepicker-today">
    <a class="ui-state-default ui-state-highlight ui-state-hover" href="#">14</a>
</td>

当用户将鼠标悬停在任何其他日期时，ui-state-hover当天的 将被删除，然后当天突出显示可以正常工作：

<td class="ui-datepicker-days-cell-over  ui-datepicker-today">
    <a class="ui-state-default ui-state-highlight" href="#">14</a>
</td>

我的悬停状态的 CSS 是这样的：

.ui-widget-content .ui-state-hover { ... }

并且在加载时，这会覆盖 myui-state-highlight突出显示当天的内容。

我试过这样做：

.ui-widget-content .ui-state-highlight .ui-state-hover { ... }

我认为它会优先匹配，因为它是一个更具体的选择器，但它不起作用。

所以问题是，我怎样才能.ui-state-highlight .ui-state-hover覆盖.ui-state-hover，这样我就不会在悬停时失去我的亮点？

谢谢。

4

2 回答 2

0

不理想，但您可以!important在选择器中添加每个样式，以使用您自己的样式覆盖它：

.ui-widget-content .ui-state-hover {
  color: '#00ff00' !important;
}
于 2010-07-14T12:43:19.290 回答
0

例如，您可以尝试添加元素以提高其在层次结构td.ui-widget-content td.ui-state-hover中的位置。此外，也许不是最优雅的解决方案，但添加样式内联或在实际 html 页面上作为<style></style标签内的标题将优先于任何其他样式表，前提是它是最后调用的样式表。

于 2011-02-21T23:14:17.213 回答