Для этой страницы: 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;
}
... Iне вижу мои изменения отраженные в календаре.
Я могу вносить другие изменения на своей собственной тестовой странице, которые отражаются для других классов в средстве выбора даты.Итак, у меня нет проблем с путями к файлам .js или .css.
Что мне здесь не хватает?
ОБНОВЛЕНИЕ / РЕШЕНИЕ
Firebug на помощь ... это позаботилось о моих требованиях к стилю:
.ui-datepicker-week-end {color: # c0c0c0! Важный;}
div # ui-datepicker-div.ui-datepicker {color: # c0c0c0;} div # ui-datepicker-div.ui-datepicker: hover {курсор: по умолчанию! важный;}
.ui-datepicker-calendar th {цвет: # 222222!важно;}