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

谢谢你让我走上正确的道路。

边框也是我的第一个决定，但我没有看到选择子元素( anchor 或跨度)的可能性。 td 上的声明带有边框看起来不太漂亮。

要设置边框样式，您应该在子元素上使用它:

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

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