鉴于此页: 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;}