jquery datepicker コンポーネントの背景色を変更しようとしています。既に css ファイルに css を入れていますが、設定した値が上書きされます。
css ファイルに次のコードを追加しました。
.ui-datepicker-week-end a {
background-image: none;
background-color: #EFE584;
}
コードを見てみましょう: http://jsfiddle.net/dvjWk/
jquery datepicker コンポーネントの背景色を変更しようとしています。既に css ファイルに css を入れていますが、設定した値が上書きされます。
css ファイルに次のコードを追加しました。
.ui-datepicker-week-end a {
background-image: none;
background-color: #EFE584;
}
コードを見てみましょう: http://jsfiddle.net/dvjWk/
firebug を使用して簡単に確認すると、アンカー要素にクラス '.ui-state-default' が割り当てられていることがわかります。したがって、スタイルはより具体的な .ui-state-default によって上書きされます。
css セレクターをより具体的にする
.ui-datepicker-week-end a.ui-state-default {
background-image: none;
background-color: #EFE584;
}
JQuery-UI 要素の外観をカスタマイズする最良の方法は、ニーズに基づいてカスタマイズされたバージョンをダウンロードすることです。
右側の「テーマ」構成を参照してください。