css - 从所有 PrimeFaces 中删除边框 p :panelGrid components

Question

我需要使用 primefaces 隐藏所有面板网格的所有边框。我试过他跟随没有效果:

table {
    border: none;
}

table tr, table td {
    border: none;
}

我能做什么？

Answer 1

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

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

除非您需要覆盖 HTML 元素上的硬编码 样式，否则不要使用 !important。

另见:

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