从所有PrimeFaces p：panelGrid组件中删除边框

Question

我需要使用primefaces隐藏所有panelgrids的所有边框。我试过他没有效果：

table {
    border: none;
}

table tr, table td {
    border: none;
}

我该怎么办？

Answer 1

您需要至少与PrimeFaces默认选择器一样具体。

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

除非您需要覆盖HTML元素上的硬编码!important，否则请勿使用style。

另见：

• How to remove border from specific PrimeFaces p:panelGrid?
• How do I override default PrimeFaces CSS with custom styles?

Answer 2

此解决方案仅影响panelGrids，但仅影响dataTables：

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

感谢 Kukeltje 在此发表的答案：Remove all border on all panelgrids not on datatables

Answer 3

可能是您的CSS被其他地方覆盖了。 您可以尝试使用!important规则。

table, table tr, table td {
   border: none !important;
}

Answer 4

在primefaces 5.1上进行测试

.ui-widget-content {
border: none;
}

Answer 5

这项工作在Primefaces 5

.ui-panelgrid-content {
    border: none;
}