更改面板的标题样式

Question

我有面板,并希望只更改其中一个的标题的背景颜色.因此,我无法改变ui-panel-titlebar样式.

我试了以下没有成功.

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

如果我将styleClass放在p:panel标签中,那么内容的背景也会改变.

我的styleClass:

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