2012-04-24 34 views
2

日曜日に赤で強調表示する必要があります。jQuery UI datepicker:日曜日の色を赤にする方法は?

ui-datepicker-week-endというクラスがあります。

私の問題は、他のクラス(ui-widget-contentui-state-default)は!importantを設定しても、ui-datepicker-week-endの赤色を上書きするということです。

唯一色付けされているのは、カレンダーの見出しの週末日です。

答えて

5

.ui-datepicker-week-end要素の子孫であるアンカーのスタイルを設定し、背景色を追加するときにbackground-imageプロパティをnoneに設定することができます。

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

EDIT:あなたの代わりにbackground-colorcolorプロパティを設定したい場合はは、あなたが実際に使用する必要があります!important

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

ますこれは、あなたが!importantを使用することなく、良好な結果をもたらします結果はthis fiddleに表示されます。

+0

感謝。しかし、まだ上書きされています。 F12の開発ツールのスクリーンショットを見てください:http://img0.www.suckmypic.net/img/g/X/rwFhrsfy/jquery-ui-calendar.png –

+0

お詫び申し上げます、私はあなたが '背景を設定したいと思った'color'の代わりに' -color'を使います。しかし、 '!important'は' color'と一緒に使用するとテストでうまくいきます。私は私の答えを更新します。 –

+0

あなたは正しいです、ありがとう。 –

0

簡単な方法

日曜日の色の赤このよう

.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 
} 
関連する問題