css - richfaces：工具栏背景颜色未呈现

Question

大家好，我对以下工具栏有一点 CSS 问题：

<rich:toolbar id="navigationToolBar"> 
                       <rich:dropDownMenu mode="ajax">
                           <f:facet name="label">
                               <h:panelGroup>
                                   <a href="success.xhtml">HOME</a>
                               </h:panelGroup>
                           </f:facet>
                           <rich:menuItem  label="new" action="#">New
                           </rich:menuItem>
                           <rich:menuItem  label="open" action="#">Open
                           </rich:menuItem>
                       </rich:dropDownMenu>
                       <rich:dropDownMenu mode="ajax">
                           <f:facet name="label">
                               <a href="index.xhtml">CREATE MONITORING</a>
                           </f:facet>
                       </rich:dropDownMenu>
                       <rich:dropDownMenu mode="ajax">
                           <f:facet name="label">
                               <a href="monitorings.xhtml">SAVED MONITORINGS</a>
                           </f:facet>
                       </rich:dropDownMenu>
                       <rich:dropDownMenu mode="ajax">
                           <f:facet name="label">
                               <a href="networkmanagement.xhtml">MANAGE NETWORKS</a>
                           </f:facet>
                       </rich:dropDownMenu>
                       <rich:dropDownMenu mode="ajax">
                           <f:facet name="label">
                               <a href="edituserprofile.xhtml">EDIT PROFILE</a>
                           </f:facet>
                       </rich:dropDownMenu>
                       <rich:dropDownMenu mode="ajax">
                           <f:facet name="label">
                               <a href="administration.xhtml">ADMINISTRATION</a>
                           </f:facet>
                       </rich:dropDownMenu>
                   </rich:toolbar>

所以我试图在css文件中设置css，如下所示：

.rf-tb{
    background-color: purple !important;
    border-color: orange !important; 
}

边框的修改有效，但背景没有变为紫色，当我按 ctrl+f5 一秒钟时，我可以看到它是紫色的，但随后又恢复为原始颜色。你知道我还应该设置什么让它工作吗？

谢谢您的帮助！

Answer 1

工具栏的默认背景是图像，您设置隐藏的紫色背景在其后面。您也可以覆盖背景图像。

任何一个

background-color: purple;
background-image: none;

或者干脆

background: purple;