2

我正在尝试覆盖 primefaces 3.1 中的 css 类，我正在寻找一种模式来覆盖类名。我试过了：

.ui-datatable table {}
.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-footer {}
.ui-datatable .ui-datatable-header {}
.ui-datatable th,.ui-datatable tfoot td {}
.ui-datatable .ui-datatable-data td,.ui-datatable .ui-datatable-data-empty td{}

但只有行内容集中但无法更改标题 bgcolor 和其他内容。然后我意识到可能是我覆盖的类可能没有被使用。令人惊讶的是，我发现生成的源代码没有使用这些作为类......

<div id="form:j_id1915418705_722af8cd" class="ui-datatable ui-widget">
<table role="grid"><thead><tr role="row">
    <th id="form:j_id1915418705_722af8cd:j_id1915418705_722af894" class="ui-state-default" role="columnheader">
        <div class="ui-dt-c">
            <span><span class="outputText">Model</span></span>
        </div>
    </th>
    <th id="form:j_id1915418705_722af8cd:j_id1915418705_722af942" class="ui-state-default" role="columnheader">
        <div class="ui-dt-c">
            <span><span class="outputText">Color</span></span>
        </div>
    </th></tr></thead><tfoot></tfoot>

    <tbody id="form:j_id1915418705_722af8cd_data" class="ui-datatable-data ui-widget-content">
        <tr data-ri="0" data-rk="BMW" class="ui-widget-content ui-datatable-even" role="row" aria-selected="false">
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">BMW</span>
                </div>
            </td>
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">Black</span>
                </div>
            </td>
        </tr>
        <tr data-ri="1" data-rk="Audi" class="ui-widget-content ui-datatable-odd" role="row" aria-selected="false">
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">Audi</span>
                </div>
            </td>
            <td role="gridcell">
                <div class="ui-dt-c">
                    <span class="outputText">White</span>
                </div>
            </td>
        </tr>
    </tbody>
</table><input type="hidden" id="form:j_id1915418705_722af8cd_selection" name="form:j_id1915418705_722af8cd_selection" value="" autocomplete="off" />

有人可以告诉我如何更改表格标题、边框、交替行颜色...有人可以为我提供如何知道 PF 中的哪个类来覆盖查看生成的源代码的模式。

提前致谢。

4

1 回答 1

3

第一个类包含在标记中：

<div id="form:j_id1915418705_722af8cd" class="ui-datatable ui-widget">

其他子类会自动将自己应用于其他元素。

如果您将这些样式包含在从 head 链接的单独 CSS 文件中，您的自定义 CSS 实际上可能会被 Primefaces CSS 样式覆盖。

要确保您的自定义 CSS 将自身应用于页面，请尝试将自定义 CSS 内联添加到页面正文，然后查看它是否适用。

于 2012-05-11T19:16:43.213 回答