JQuery UI Datepicker CSS для форматирования данных таблицы (td)

Question

Я использую указатель даты JQuery, чтобы выбрать дату для формы бронирования.Есть некоторые даты, которые нельзя выбрать, поэтому я их отключил.Это работает очень хорошо.Теперь я попытался отметить даты приезда и отъезда до и после бронирования.

Это прекрасно работает, если бронирование не начинается в начале месяца.Но есть некоторые случаи, которые не работают.

Посетите http://bnob.ch/de/index.php для примера.Посмотрите на бронирование в августе.Дата прибытия и отъезда первого бронирования не работает, второе работает правильно.

Код CSS:

#ui-datepicker-calendar {
border-collapse: separate;
}
td.disabled {
padding: 1px;
background-color: red;
}
td.departure {
padding: 1px 0 0 1px;
background-color: red;
}
td.arrival {
padding: 0 1px 1px 0;
background-color: red;
}

Чем отличаются эти две записи?Я не нашел ни одного с Firebug.Это выглядит точно так же.Активное наследование в таблице, которое я еще не видел?

Спасибо за любую информацию

С уважением, Денис

Answer 1

Спасибо, что помогли мне встать на правильный путь.

Граница также была моим первым решением, но я не видел возможности выбрать дочерний элемент (якорь или диапазон). Объявление на тд не очень красиво смотрится с рамкой.

Чтобы оформить вашу рамку, вы должны использовать ее на дочерних элементах:

.disabled span { border: 1px solid red !important; }

.otherStyle a { border-bottom: 1px solid red !important; border-right: 1px solid red !important }