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;
}

这两个条目有什么不同？我没有找到任何与萤火虫有关的东西。它看起来完全一样。
表中的继承是否处于活动状态，我还没有看到？

感谢您提供任何信息

最好的问候丹尼斯

Answer 1

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

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

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

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

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