更改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>

我正在使用这个例子：

Simple popup example

我想更改颜色，默认颜色为蓝色，我想将此颜色更改为红色或绿色，是否可能？

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

提前致谢！

Answer 1

添加此css：

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