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;
    }