jQuery UI datepicker:如何将星期日变成红色？

Question

我需要星期天以红色突出显示.

我知道有一个叫做的课 ui-datepicker-week-end.

我的问题是,即使设置了其他类(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;
}

你可以在这个小提琴中看到结果.