2016-09-26 92 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

請ovewrite這CSSin您的自定義CSS用!重要

.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