鑑於此頁: 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;}