-1
Ich möchte für jeden Dialog andere Header-Farbe festlegen. Ich habe ein paar Dialoge wie folgt aus:Eindeutiger Stil für jeden Dialog-Header in primeface
<p:dialog header="dilog name" widgetVar="inputDialog" id="inputDlg"
modal="true" resizable="false" class="topRed"
onHide="PF('inputDialogTabViewWidget').select(0)"> ...
</p:dialog>
Und ich habe diesen Stil:
.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;
}
Was nicht funktioniert, aber wenn ich bace Stil außer Kraft setzen alles funktioniert gut. Css unten legt einen Stil für alle Dialoge fest.
.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;
}
sind Sie sicher, '.ui-Widget-Header .topRed' gut ist? Sollte es nicht '.topRed .ui-widget-header' oder so ähnlich sein? Überprüfen Sie mit einem Browser-Entwickler-Tool ... Einfach zu tun – Kukeltje