在PrimeFaces对话框上设置标题样式

Question

我在JSF中使用PrimeFace对话框.问题是PrimeFaces对话框标题是灰色的,我的客户端认为它类似于非活动对象,因为窗口使用灰色表示某些内容处于非活动状态.

那么有没有办法设置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),请在此处找到适用于您的版本的文档.

Answer 2

尝试以下过程,

第一步:将p:对话框的样式声明声明为"overlayDialog".

并且,在css文件中,.overlayDialog div.ui-dialog-titlebar {background ....}