鉴于此页面: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;
}
...我没有在日历中看到我的更改。
我可以在我自己的测试页面中进行其他更改,这些更改会反映在 datepicker 中的其他类中。所以,我对 .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 : 默认 !important;}
.ui-datepicker-calendar th{color: #222222 !important;}