css - PrimeFaces panelGrid 中的透明背景色

标签 css jsf primefaces background panelgrid

我在 PrimeFaces 中的面板网格一直是白色背景,但我找不到必须更改的内容,因为我尝试使用 styleClass,修改 ui-panelgrid 的 CSS 代码 类,在 p:panelGridp:rowp:column 中使用 style 标签.没有任何效果。

尝试过:

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

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

截图:

panelGrid with white background inside div with gray background

最佳答案

感谢有关删除 p:panelGrid 边框的相关问题,发现我需要覆盖 td 和 tr。背景已删除。去除了边框。 :)

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

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

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

关于css - PrimeFaces panelGrid 中的透明背景色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22717921/

相关文章:

jsf - p :message change text of message

css - Fluid Typo3 - 如何通过来自不同页面 uid 的 flux 定义变量

javascript - 在调整窗口大小时调整相对于中心的滚动位置?

java - 如何使 jsf @ManagedBean 也成为 @WebService

jsf - <ui :include> throws javax. faces.view.facelets.TagAttributeException:无效路径

jsf - 填充 p :selectOneMenu based on another p:selectOneMenu in each row of a p:dataTable

jquery - 使用 CSS3 优化动画

html - 如何确保跨度始终出现在可能调整大小的 div 内的文本区域的右侧?

jsf - 如何在 JSF EL 中显示 List#size() 的值?

jsf - 当选择父列表中的标记项目时重置子 p :selectOneMenus inside a p:dataTable to empty,