【问题标题】:How to modify the style of jQuery DatePicker's disabled dates?如何修改 jQuery DatePicker 禁用日期的样式?
【发布时间】:2010-06-10 17:03:18
【问题描述】:

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

...我没有在日历中看到我的更改。

我可以在我自己的测试页面中进行其他更改,这些更改会反映在日期选择器中的其他类中。所以,我对 .js 或 .css 文件没有任何路径问题。

我在这里错过了什么?

更新/解决方案

Firebug 救援...这满足了我的造型需求:

.ui-datepicker-week-end{color: #c0c0c0 !important;}
div#ui-datepicker-div.ui-datepicker{颜色:#c0c​​0c0;} div#ui-datepicker-div.ui-datepicker:hover{cursor: default !important;}
.ui-datepicker-calendar th{color: #222222 !important;}

【问题讨论】:

    标签: jquery datepicker uidatepicker jquery-ui-datepicker


    【解决方案1】:

    Firebug 救援...这满足了我的造型需求:

    .ui-datepicker-week-end{color: #c0c0c0 !important;} 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;}

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-06-28
      • 1970-01-01
      • 2020-10-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多