java - 在 PrimeFaces 对话框中设置标题样式

Question

我在 JSF 中使用 PrimeFace 对话框。问题是 PrimeFaces 对话框标题的颜色是灰色的，我的客户认为它类似于非 Activity 对象，因为窗口使用灰色来指示某些东西是非 Activity 的。

有什么方法可以设置 PrimeFace 对话框的标题背景颜色样式吗？

PrimeFace 对话框的代码:

<p:commandButton id="modalDialogButton" value="Modal" onclick="dlg2.show();" type="button"/>  

<p:dialog id="modalDialog" header="Modal Dialog" widgetVar="dlg2" modal="true" height="100">  
<h:outputText value="This is a Modal Dialog." />  
</p:dialog> 

Answer 1

Primefaces 支持使用 css 覆盖样式。对于 p:dialog 以及至少从 Primefaces 3.5 开始，可以使用以下样式选项:

.ui-dialog - 对话框的容器元素
.ui-dialog-titlebar - 标题栏
.ui-dialog-title-dialog - 标题文本
.ui-dialog-titlebar-close - 关闭图标
.ui-dialog-content 对话框 - 正文

只需用您自己的 CSS 覆盖默认样式即可。

如果您使用的是旧版本 (3.5)，请查找您的版本的文档 here .