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

으로이 CSSin에게 사용자 정의 CSS를 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

관련 문제