jQuery UI 日期选择器 : How to color sundays red?

Question

我需要周日以红色突出显示。

我知道有一个名为ui-datepicker-week-end的类。

我的问题是，其他类(ui-widget-content 和 ui-state-default)覆盖了 ui-datepicker- 的红色周末，即使设置了!important。

唯一有颜色的是日历标题中的周末。

Answer 1

您可以设置作为 .ui-datepicker-week-end 元素后代的 anchor 的样式，并将其 background-image 属性设置为 none 添加背景颜色时。这可以提供良好的结果，而无需使用 !important:

.ui-datepicker-week-end a {
    background-image: none;
    background-color: red;
}

编辑:如果您想设置color属性而不是background-color，您确实必须使用!重要:

.ui-datepicker-week-end a {
    color: red !important;
}

您可以在 this fiddle 中看到结果.