부트 스트랩 관련 문제 navbar 드롭 다운 버튼 활성 색상

Question

다음은 내 탐색 바 그림입니다. 집이 활성화 될 때 집에 어떻게 밑줄이 그 어져 있는지 확인하십시오 ...

다음은 내 탐색 바의 다른 그림입니다. 불행히도 드롭 다운 메뉴가 활성화되어있을 때이 색상으로 강조 표시되어 있으며 시도한 CSS 중 아무 것도 수정하지 못했습니다. 그 위에는 모든 것들과 같이 투명한 배경이 있어야합니다. 어떤 도움이라도 대단히 감사합니다. 여기

는 네비게이션 바 내 html로 ...

<nav role="navigation" class="navbar navbar-default navbar-fixed-top font"> 
    <div class="container"> 

    <!-- Title --> 
    <div class="navbar-header pull-left"> 
     <div class="navbar-brand-image"> <%=link_to "#{image_tag 'rsz_1rsz_13logo.png'}".html_safe ,root_path %></div> 
    </div> 

    <button id="nav-icon1" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 

     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 

    </button> 


    <!-- Additional navbar items --> 
    <div class="collapse navbar-collapse navbar-right navHeaderCollapse"> 
     <!--      pull-right keeps the drop-down in line --> 
     <ul class="nav navbar-nav"> 

      <li class="<%= 'active' if current_page?(root_path) %>"><% yield (:home)%><%= link_to "Home", root_path%></li> 
     <li class="<%= 'active' if current_page?(services_path) %>"><% yield (:services)%><%= link_to "Services", services_path%></li> 
     <li class="<%= 'active' if current_page?(careers_path) %>"><% yield (:careers)%><%= link_to "Careers", careers_path%></li> 
      <li class="<%= 'active' if current_page?(contact_path) %>"><% yield (:contact)%><%= link_to "Contact Us", contact_path %> 
      <li class="<%= 'active' if current_page?(about_us_path) %>"><% yield (:about_us)%><%= link_to "About Us", about_us_path%></li> 
     <li class="dropdown nav-drop"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a> 
      <ul class="dropdown-menu" style=" background-color: rgba(54,54,54, .6);"> 
      <li><a href="/">English</a></li> 
      <li><a href="/de/home">German</a></li> 
      <li class="disabled"><a href="#">Spanish - Coming Soon</a></li> 
      </ul> 
     </li> 
     </ul> 
     </ul> 
    </div> 

Answer 1

부트 스트랩의 .open 클래스는 CSS 규칙을 많이 우선이다, 그래서 당신은 같은 특정 규칙을 제공해야합니다 :

.open > .dropdown-toggle { 
    background: transparent; 
} 

또한 !important 선언을 사용해야 할 수도 있습니다.