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