jquery - jQuery UI datepicker：如何将星期日涂成红色？

Question

我需要星期天用红色突出显示。

我知道有一个类叫 ui-datepicker-week-end.

我的问题是，即使 set ，其他类（ui-widget-content和ui-state-default）也会覆盖 的红色。ui-datepicker-week-end!important

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

Answer 1

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

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

编辑：如果你想设置color属性而不是background-color，你确实必须使用!important：

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

你可以在这个 fiddle中看到结果。

Answer 2

简单的方法

星期天这样涂红色

.datepicker table tr td:first-child {
color: red
}

星期一这样涂红色

.datepicker table tr td:first-child +td {
color: red
}

星期四这样涂红色

.datepicker table tr td:first-child + td + td {
color: red
}