2016-09-26 15 views
1

私は、ブートストラップを使用し、私は彼が他の背景色を取得し、非フォーカス時に境界線を消え、ボタンのドロップダウンメニューを集中するとき、私は私の問題hereブートストラップドロップダウンボタンのフォーカスのスタイルと非フォーカスは

を記録しました。 css(bootstrap.css)のどのクラスを自分の色を入れて編集して、焦点が合っていなくても境界線が消えないようにする必要がありますか?

<div class="collapse navbar-collapse" id="meniu"> 
    <ul class="nav navbar-nav"> 
    <li class="active"><a href="#"><b>Link</b></a></li> 
    <li><a href="#"><b>Link</b></a></li> 
    <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><b>Dropdown</b> <span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
     <li class ="active" ><a href="proiecte">Proiecte</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> 
    </ul> 
</div> 

私はドロップダウンリストとドロップダウントグルを編集しようとしましたが、フォーカスのあるクラス(クラス:フォーカス)が見つかりませんでした。

+0

をあなたのCSSコードやフィドルのリンクを投稿。 – Jainam

答えて

2

でカスタムCSSこのCSSinをovewriteてください!重要

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { 
    background-color: gray!important; 
    border-color: #337ab7!important; 
} 

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { 
    color: #262626!important; 
    background-color: #f5f5f5!important; 
} 
+0

今は色が完璧ですが、境界線はまだ焦点が合っていなくなります。 – raul1ro

関連する問題