ブートストラップドロップダウンの色をクリックしました

Question

私はgetbootstrap.comのCSSページからnavbarを使用しています。私は現在自分のニーズに合わせて編集しています。私はほとんどのものをやったことがありますが、ここでこの色をどのように変更するかは分かりません（白いもの）： http://image.prntscr.com/image/75cbf6b49f3b48eab11f28a6aeca8ae8.png これはアクティブ状態ですか？

.navbar .dropdown-toggle:active{ 
    background-color: inherit; 
} 

と.dropdownのための同じを：私が試したものを 。

<ul class="nav navbar-nav navbar-right m-r-0"> 
       @if(Auth::check()) 
       <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="{{Auth::user()->avatar}}" alt="" class="profileimg"> <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Action</a></li> 
        <li><a href="#">Another action</a></li> 
        <li><a href="#">Something else here</a></li> 
        <li role="separator" class="divider"></li> 
        <li><a href="#">Separated link</a></li> 
        <li role="separator" class="divider"></li> 
        <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
       <li></li> 
       @else 
      <li><a href="{{route('steamauth')}}"><img src="https://steamcommunity-a.akamaihd.net/public/images/signinthroughsteam/sits_01.png" alt=""></a></li> 
      @endif 
      </ul> 

Answer 1

.navbar-defaultブートストラップ付きオープンナビゲーションバーのドロップダウンメニューのbackground-colorために、次のターゲットにされています：これはコードです

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover { 
    color: #555; 
    background-color: #e7e7e7; 
} 

あなたは.navbar-default

を使用していないとしてあなた .navbarドロップダウンのために、以下をターゲットにしてください

.navbar .navbar-nav>.open>a, 
.navbar .navbar-nav>.open>a:focus, 
.navbar .navbar-nav>.open>a:hover { 
    background-color: red; 
} 

open drの背景色の設定を示すjsfiddleですopdown（クリックされた後）。このような