jquery - jQuery UI datepicker：日曜日を赤に着色する方法は？

Question

赤でハイライトするには日曜日が必要です。

というクラスがあることは知ってい ui-datepicker-week-endます。

私の問題は、他のクラス（ui-widget-contentと）が、設定されていてもui-state-default、の赤い色を上書きすることです。ui-datepicker-week-end!important

色付きの唯一のものは、カレンダーの見出しの週末の日です。

score 6 · Accepted Answer

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

このフィドルで結果を見ることができます。

score 1 · Accepted Answer

簡単な方法

このように日曜日の色は赤

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

2 に答える 2