jQuery UI datepicker：如何爲星期日着色紅色？

Question

我需要星期日以紅色突出顯示。

我知道有一個類叫做ui-datepicker-week-end。

我的問題是，即使設置了!important，其他類（ui-widget-content和ui-state-default）也會覆蓋ui-datepicker-week-end的紅色。

唯一有顏色的是日曆標題中的週末日。

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; 
} 

你可以在this fiddle中看到結果。

Answer 2

簡單的方法

週日色紅這樣

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

週一紅色這樣

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

thuesday紅色這樣

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