更改弹出面板的默认颜色？

Question

我有一个弹出面板：

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

更改弹出面板的默认颜色？

Change default color of a popupPanel?

richfaces

jsf-2