0

このページを考えると: http://jqueryui.com/demos/datepicker/#min-max

ソースを表示する: http://jqueryui.com/themeroller/css/parseTheme.css.php

(Chrome の要素の検査機能を使用して) 次の行を変更し、それらの変更が反映されていることを確認できます。

.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

ただし、自分のテストページを次のようなものでオーバーライドしようとすると...

.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .99 !important; filter:Alpha(Opacity=99) !important; background-image: none !important; color:Red !important; }

...自分の変更がカレンダーに反映されていません。

自分のテスト ページで他の変更を行うことができ、それらは日付ピッカーの他のクラスに反映されます。したがって、.js または .css ファイルへのパスの問題はありません。

ここで何が欠けていますか?

更新/解決策

救助へのFirebug ...これは私のスタイリングのニーズを処理しました:

.ui-datepicker-week-end{color: #c0c0c0 !important;}
div#ui-datepicker-div.ui-datepicker{color: #c0c0c0;} div#ui-datepicker-div.ui-datepicker:hover{cursor : デフォルト !重要;}
.ui-datepicker-calendar th{color: #222222 !重要;}

4

1 に答える 1

0

救助へのFirebug ...これは私のスタイリングのニーズを処理しました:

.ui-datepicker-week-end{color: #c0c0c0 !important;} div#ui-datepicker-div.ui-datepicker{color: #c0c0c0;} div#ui-datepicker-div.ui-datepicker:hover{cursor : デフォルト !重要;} .ui-datepicker-calendar th{color: #222222 !重要;}

于 2010-06-10T20:23:06.840 に答える