2010-06-10 41 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;}

相关问题