проблемы в datepicker-е с подсветкой выделенных дней

[mstdmstd]

Всем привет,
В php/smarty/jquery/bootstrap проекте проблемы в datepicker-е с подсветкой выделенных дней - они сливаются с остальными днями
Смотрю firebug-ом и вижу что выделенные дни имеют класс ui-state-highlight
Я смоем темплейте я в заголовке пишу
<script src="/static/js/jquery-ui/jquery.ui.datepicker.min.js"></script>
<style>
  .ui-state-active td a{
    color: brown;
    background: orange;
    border: 4px dotted gray;
 }

  .ui-state-highlight {
    color: red;
    background: #000080;
    border: 4px dotted green;
  }
  .ui-state-highlight td a{
    color: red;
    background: #000080;
    border: 4px dotted green;
  }
</style>

html/smarty code...

<script>
...
  $("#sched_weeks_date_start").datepicker({
    dateFormat: "yy-mm-dd"
  });
...
Я полагал что переопределив стили в своем темплейты я получу нужные цветы но этого не произошло
В firebug-е чя вижу совсем не мои цвета:
 
А как правильно? Проект изначально не мой - он изрядно большой и там подключено куча css-ов в которых не продерешься...
Как лучше сделать?

[swandev]

Сложно что-то сказать не посмотрев на код.

Скорее всего вы не переопределяете стили, скопируйте полностью всю вложенность до нужно элемента.

На крайний случай !important

[mstdmstd]

Сложно что-то сказать не посмотрев на код.

Скорее всего вы не переопределяете стили, скопируйте полностью всю вложенность до нужно элемента.

На крайний случай !important

переопределять стиль для datepicker ? можно ссылку как это делать? 

[mstdmstd]

Выложил эту проблему в нете

Надо зайти  http://zenbookin.p.zettich.com

под логином  tester@mail.com 111111

Далее на страницу http://zenbookin.p.zettich.com/business/classes/main/?classid=104

Перейти на закладку "Sessions" и кликом на кнопке "Add new sessions" открывается окно и на 1й закладке есть календарь

и кликая на днях они выделяются едва различимым желтым бордюром. Хотелось бы управлять цыетами этого календаря.

В темплейте страницы я прописал

    <style>

        .ui-state-active  td a{

            color: brown;  !important;

            background: orange;  !important;

            border: 4px dotted gray;  !important;

        }



        .ui-state-highlight {

            color: red;  !important;

            background: #000080; !important;

            border: 4px dotted green; !important;

        }

        .ui-state-highlight td a{

            color: red;  !important;

            background: #000080; !important;

            border: 4px dotted green;  !important;

        }

    </style>

    

Но это не помогло

как я писал выше проект изначально не мой - он изрядно большой и там подключено куча css-ов в которых сложно продраться и хотелось быв темплейте и менять эти цвета...

 

  Спасибо!