twitter bootstrap 클릭하면 드롭 다운 메뉴가있는 버튼의 배경색이 변경됩니다.

Question

Twitter Bootstrap 2에서 드롭 다운 메뉴를 클릭했을 때만 navbar에서 버튼의 배경색을 변경하고 싶습니다.. CSS를 변경해 보았습니다. 변경할 수있는 클래스 배경색이

.dropdown-toggle { 
    *margin-bottom: -3px; 
    background-color: #fffffff; 
    } 

인 것으로 이해했지만 정적으로하는 것처럼 작동하지 않았습니다. 나도 시도했다

 .dropdown-toggle:active, 
    .open .dropdown-toggle { 
    outline: 0; 
    background-color: #fffffff; 
    } 

그러나 그것은 아무것도하지 않았다 (아무것도 일어나지 않는다).

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="brand" href="#">...</a> 
     <!-- nav-collapse indicates what will be in collapsed navigation --> 
     <div class="nav-collapse collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li> 
      <li><a href="#about">...</a></li> 
      <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">...<b class="caret"></b></a> 
    <ul class="dropdown-menu"> 
      <li><a href="#">...</a></li> 
      <li><a href="#">...</a></li> 
       </ul> 
      </li> 
      ... 

그래서 나는 그것이 자바 스크립트 문제라고 생각 했어요,하지만 난 그것을 수행하는 방법에 정말 잘 모르겠어요 :

HTML은 다음과 같습니다. 다른 사람도 알고 있고 도울 수 있습니까?

http://jsfiddle.net/3xdws/ 코드가 여기에 있지만 드롭 다운 항목이 어떤 이유로 표시되지 않는 것 같습니까? 오 잘.

Answer 1

CSS에서이 클래스 .dropdown. openen을 편집해야합니다.

.dropdown.open { 
    background: #fff; 
} 

및 글꼴 색상 여기 변경 : 변경할 수있는 배경을 원한다면

그래서, 이렇게 될 것입니다

.dropdown.open .dropdown-toggle { 
    color: #000; 
} 

See the updated fiddle here