PrimeFaces面板网格中的透明背景色

Question

3

我在PrimeFaces中使用的面板网格总是有白色背景，但我找不到需要修改的内容。尝试使用styleClass，修改ui-panelgrid类的CSS代码，或者在p:panelGrid、p:row或p:column中使用style标签，但没有任何效果。

已尝试：

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

或者

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

屏幕截图：

- Rasshu

2个回答

2

如果您想要在面板网格中设置透明背景和无边框，您可以添加"ui-panelgrid-blank"类。

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

- user7586763

这是PrimeFaces提供的默认CSS类吗？哪些版本支持它？还包括6年前的版本吗？请将此信息添加到答案中。 - Kukeltje

似乎是随PrimeFaces 6一起发布的：https://github.com/primefaces/primefaces/issues/2677 - Rasshu

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rasshu · Accepted Answer

由于一个有关去除p:panelGrid边框的相关问题，我发现需要同时覆盖td和tr。背景已经去掉，边框也被移除了。:)

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

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

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