0

こんにちは皆さん、次のツールバーで 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を1秒間押すと、紫色であることがわかりますが、元の色に戻ります。それを機能させるために他に何を設定すればよいか考えていますか?

助けてくれてありがとう！

4

1 に答える 1

0

ツールバーのデフォルトの背景は画像で、非表示に設定している紫色の背景はその背後にあります。background-image もオーバーライドできます。

また

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

または単に

background: purple;
于 2013-09-11T11:57:14.967 に答える