删除数据表以外的所有面板网格上的所有边框

我需要使用素数隐藏所有panelGrids的所有边界。以下代码也删除了所有面板网格和数据表上的边框(素数面5+(：

.ui-panelgrid tr, .ui-panelgrid td {
    border: none;
}

我只需要在panelGrids中使用此效果。在那之后，我需要知道如何只在一些面板中显示边界网格

您的CSS选择器是"宽"的。它们影响所有<tr>和<td>标记，这些标记是.ui-panelgrid的子代，包括面板网格单元格中的表中的所有标记，作为构成数据表的表的子代。因此，您必须使选择器更加具体(请阅读mozdev上的css专用性(，并使它们仅针对特定级别。

使用例如

.ui-panelgrid > * > tr, .ui-panelgrid > * > tr > td.ui-panelgrid-cell {
     border: none;
}

这仅针对作为.ui-panelgrid及其直接<td>子代的孙子的<tr>。

如果你不想将其应用于所有面板网格，你必须使用@BhavinPanchani在上面的评论中提到的styleClass。但是，您没有使用类显式添加边框，而是阻止应用上面的css。

.ui-panelgrid:not(.keepBorder) > * > tr, .ui-panelgrid:not(.keepBorder) > * > tr > td.ui-panelgrid-cell {
     border: none;
}

只需将keepBorder类添加到要保留边界的panelGrids中。我没有测试最后一件事，只是测试了一下你；

另请参见

相关内容