Правильный способ изменить цвет фона ячейки конкретной даты на датчике - PullRequest
Новая
       7

Правильный способ изменить цвет фона ячейки конкретной даты на датчике

1 голос
/ 26 января 2012

Я видел много ответов в строке Как изменить цвет ячейки jquery datepicker Но они по какой-то причине не применимы к моему примеру.

http://plungjan.name/test/datepicker_orange.html

Я хочу, чтобы ВСЕ содержимое ячейки было оранжевым, а не только то, что мы видим за ссылкой В ячейке

Так что я вижу как 

.ui-state-default {
  background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
  border: 1px solid #D3D3D3;
  color: #555555;
  font-weight: normal;
}

, который контролируетссылка внутри ячейки с именем класса, установленным мной на «оранжевый» 

<td class=" orange" onclick="DP_jQuery_1327604402271.datepicker._selectDay('#toDate',1,2012, this);return false;" title="Almost sold out">
<a class="ui-state-default" href="#">15</a>
</td>

, где оранжевый класс указан мной в этом коде: 

return [true,"orange","Almost sold out"];

Показывает

enter image description here

, а не

enter image description here

Что я могу получить, удалив фоновое изображение вышеуказанного ui-state-default в firebug

Как правильно изменить полный цвет ячеек я теперь меняю, используя beforeShowDay?

Я попытался помочь ситуации, переопределив значение по умолчанию: 

.ui-state-default {
  background-color: transparent;
  border: 1px solid #D3D3D3;
  color: #555555;
  font-weight: normal;
}

не делали никакой разницы

Ответы [ 2 ]

3 голосов
/ 27 января 2012

@ mplungjan Изменить css на это: 

td.highlight {border: none !important;padding: 1px 0 1px 1px !important;background: none !important;overflow:hidden;}
td.highlight a {background: #99dd73 url(bg.png) 50% 50% repeat-x !important;  border: 1px #88a276 solid !important;}
0 голосов
/ 27 января 2012

Если вы поместите свой класс непосредственно в тег, вы должны изменить его следующим образом: 

.ui-state-default {
  background: #E6E6E6;
  border: 1px solid #D3D3D3;
  color: #555555;
  font-weight: normal;
}

В CSS, если у вас есть фоновое изображение и цвет фона, браузер покажет вам изображение, котороев данном случае это тот градиент серого, который у вас есть в первом примере.

...