css - JSF Richfaces 日历 Css 覆盖

Question

我在我的 JSF 页面上显示了一些数据表，最终，我让我的 Richfaces 日历工作。但是我的数据表 CSS 覆盖了日历的 CSS，因此当我的弹出日历打开时，它会显示整个页面。

JSF 2.2 Java 7 Richfaces 4.3.3

CSS：

table {
    empty-cells: show;
    width: 100%;
}

如果我将宽度更改为 25%，日历会正确显示，但我的数据表看起来很糟糕。有什么方法可以让我的数据表和我的日历保持 100% 并且可能是固定宽度？

score 1 · Accepted Answer

CSS 选择器table {}应用于所有HTML<table>元素。如果您只想<table>使用 CSS 为某些特定的 HTML 元素设置样式，那么您应该使用更具体的 CSS 选择器。

<rich:dataTable>生成一个<table class="rf-dt">，所以下面的选择器应该做：

table.rf-dt {
    ...
}

1 回答 1