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;

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

1 个答案: