日曜日に赤で強調表示する必要があります。jQuery UI datepicker:日曜日の色を赤にする方法は?
ui-datepicker-week-end
というクラスがあります。
私の問題は、他のクラス(ui-widget-content
とui-state-default
)は!important
を設定しても、ui-datepicker-week-end
の赤色を上書きするということです。
唯一色付けされているのは、カレンダーの見出しの週末日です。
日曜日に赤で強調表示する必要があります。jQuery UI datepicker:日曜日の色を赤にする方法は?
ui-datepicker-week-end
というクラスがあります。
私の問題は、他のクラス(ui-widget-content
とui-state-default
)は!important
を設定しても、ui-datepicker-week-end
の赤色を上書きするということです。
唯一色付けされているのは、カレンダーの見出しの週末日です。
.ui-datepicker-week-end
要素の子孫であるアンカーのスタイルを設定し、背景色を追加するときにbackground-image
プロパティをnone
に設定することができます。
.ui-datepicker-week-end a {
background-image: none;
background-color: red;
}
EDIT:あなたの代わりにbackground-color
のcolor
プロパティを設定したい場合はは、あなたが実際に使用する必要があります!important
:
.ui-datepicker-week-end a {
color: red !important;
}
ますこれは、あなたが!important
を使用することなく、良好な結果をもたらします結果はthis fiddleに表示されます。
簡単な方法
日曜日の色の赤このよう
.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
}
感謝。しかし、まだ上書きされています。 F12の開発ツールのスクリーンショットを見てください:http://img0.www.suckmypic.net/img/g/X/rwFhrsfy/jquery-ui-calendar.png –
お詫び申し上げます、私はあなたが '背景を設定したいと思った'color'の代わりに' -color'を使います。しかし、 '!important'は' color'と一緒に使用するとテストでうまくいきます。私は私の答えを更新します。 –
あなたは正しいです、ありがとう。 –