primefaces - 更改面板的标题样式类

Question

我有面板，想只更改其中一个的标题背景颜色。因此我不能随便改变 ui-panel-titlebar 样式。

我尝试了以下但没有成功。

<p:panel ....>
  <f:facet name="header" styleClass="ui-panel-my-titlebar>
    ....
  </f:facet>
</p:panel>

如果我把styleClass放在p:panel标签中，那么内容的背景也会改变。

我的风格类:

.ui-panel-my-titlebar {
  background: #BBBBBB;
 }

Answer 1

我让它与以下内容一起工作:

<p:panel styleClass="customTitleBar">
  <f:facet name="header">
    ....
  </f:facet>
</p:panel>

css:

.customTitleBar > .ui-panel-titlebar {
    background: #BBBBBB;
    }