プライムフェイス内の各ダイアログヘッダーの一意のスタイル

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は、すべてのダイアログに対して1つのスタイルを設定します。 .top-赤.ui-ウィジェットヘッダとして

.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

スワップスタイル