2010-06-10 40 views
0

鑑於此頁: http://jqueryui.com/demos/datepicker/#min-max如何修改jQuery DatePicker的禁用日期的樣式?

並查看其源: http://jqueryui.com/themeroller/css/parseTheme.css.php

我可以更改以下行(使用Google 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; }

...我沒有看到我的更改反映在日曆中。

我可以在我自己的測試頁中進行其他更改,這些反映在datepicker中的其他類中。所以,我沒有任何類型的.js或.css文件的路徑問題。

我在這裏錯過了什麼?

UPDATE /解決方案

Firebug的救援......這照顧了我的造型需求:

的.ui-datepicker的周結束:;
{顏色#C0C0C0重要!} div#ui-datepicker-div.ui-datepicker {color:#c0c0c0;} div#ui-datepicker-div.ui-datepicker:hover {cursor:default!important;}
.ui-datepicker-calendar th {color:#222222!important;}

回答

0

Firebug的救援......這照顧了我的造型需求:

的.ui-datepicker的周結束:; DIV#UI的日期選擇器 - div.ui,日期選擇器{{顏色#C0C0C0重要!}顏色:#c0c0c0;} div#ui-datepicker-div.ui-datepicker:hover {cursor:default!important;} .ui-datepicker-calendar th {color:#222222!important;}

相關問題