css - PrimeFaces panelGrid 中的透明背景色

Question

我在 PrimeFaces 中的面板网格始终是白色背景，但我找不到必须更改的内容，因为我尝试使用 a styleClass，修改ui-panelgridclass 的 CSS 代码，使用style内部标签p:panelGrid，p:row或p:column. 没有任何效果。

试过：

p:column style="background-color: transparent !important;"

或者

.ui-panelgrid, .ui-panelgrid td { background-color: transparent !important; }

截屏：

带有灰色背景的div内部带有白色背景的panelGrid

score 10 · Accepted Answer

感谢有关删除 p:panelGrid 边框的相关问题，发现我需要同时覆盖 td 和 tr。背景已移除。边框被移除。:)

.noBorder tr,
.noBorder td { border: 0 !important; }

.transparentBackground tr,
.transparentBackground td { background: transparent !important; }

我创建了一个自定义类，因为前面的代码做了不需要的更改。

score 2 · Accepted Answer

要在 panelgrid 上设置透明背景和无边框，您可以添加“ui-panelgrid-blank”类

<p:panelGrid columns="2" styleClass="ui-panelgrid-blank">
   <h:outputText value="Hello" />
   <h:outputText value="world" />
</p:panelGrid>

2 回答 2