更改popupPanel的默认颜色？

Question

我有一个popupPanel：

<rich:popupPanel id="popup" modal="false" autosized="true" resizeable="false">
    <f:facet name="header">
        <h:outputText value="Simple popup panel" />
    </f:facet>
    <f:facet name="controls">
        <h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
            X
        </h:outputLink>
    </f:facet>
    <p>Any content might be inside this panel.</p>

    <p>
        The popup panel is open and closed from the javascript function of component client side object. The following code
        <a href="#" onclick="#{rich:component('popup')}.hide()">hide this panel</a>:
        <f:verbatim>&#35;</f:verbatim>{rich:component('popup')}.hide()
    </p>
</rich:popupPanel>

我用的是这个例子：

简单的弹出示例

我想改变颜色，默认的颜色是蓝色，我想把这个颜色改为红色或绿色，可以吗？

如果它是相关的，我正在使用richfaces 4。

提前谢谢！

Answer 1

添加以下css：

.rf-pp-hdr{
   background: red;
}