Question

我想为每个对话框设置不同的标题颜色。我有几个像这样的对话框：

<p:dialog header="dilog name" widgetVar="inputDialog" id="inputDlg" 
          modal="true" resizable="false" class="topRed"
          onHide="PF('inputDialogTabViewWidget').select(0)">  ...      
</p:dialog>

我有这种风格：

.ui-widget-header .topRed { 
    border: 1px solid #e78f08;
    font-family: 'PT Sans Narrow',sans-serif;
    background:  url(../img/title-bg3.png) repeat-x !important;
    font-weight: bold;
 }

哪个不起作用，但是当我覆盖bace样式时一切正常。下面的Css为所有对话框设置了一种样式。

.ui-widget-header { 
    border: 1px solid #e78f08;
    font-family: 'PT Sans Narrow',sans-serif;
    background:  url(../img/title-bg3.png) repeat-x !important;
    font-weight: bold; 
}

Answer 1

将样式换成.top-red .ui-widget-header

PrimeFaces中每个对话框标题的独特样式

1 个答案: