Jquery 引导下拉按钮在单击时变为半黑？

对于这个愚蠢的问题，我很抱歉，我在导航栏中创建了一个登录下拉按钮（导航栏反向），但单击按钮会变成半黑。我没有自定义按钮，它是简单的纯红色危险按钮。我一直在寻找原因，但没有任何效果。所以请帮帮我

 <div class="navbar navbar-inverse" style="margin-bottom:0px">
            <div class="navbar-inner">
                <ul class="nav pull-right" style="margin-top:3px">
                    <li class="active span2"><a href="#">HOME</a></li>
                    <li><a href="#" class="span2">ABOUT</a></li>
                    <li><a href="#" class="span2">PRICING</a></li>
                    <li><a href="#" class="span2">CONTACT</a></li>
                    <li class="dropdown">                           
                        <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#">SIGN IN</button>
                        <ul class="dropdown-menu" style="margin-right:25px;margin-top:10px;width:230px">
                            <form align="center" style="text-align:center">
                                <div class="input-prepend">
                                    <span class="add-on" style="margin-top:10px"><i class="icon-user icon-black"></i></span>
                                    <input type="text" style="width:140px;margin-top:10px"/>
                                </div>
                                <input type="text" style="width:170px"/>
                            </form>
                        </ul>                   
                    </li>
                </ul>

            </div>
        </div>

登录

---

问题是因为

.navbar inverse.nav li.dropdown.open

和

.navbar.nav li.dropdown.open

类

请在自定义样式表中使用以下类，根据您的选择更改

背景色

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav   li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color:#BD362F;
color: #FFFFFF;
 }
       .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color:#BD362F;
color: #555555;
 }

你的JSFIDLE
请发布一个链接到你的站点或一个JSFIDLE来演示你的问题。但是导航栏可以，但下拉菜单不行working@PRASANTH请检查解决方案，这是我一直在寻找的，它工作正常。谢谢。为什么呢？为什么它不在默认引导css中工作？@Derfder，因为上面的类在引导css中设置了背景颜色。因此，当您切换时，将显示已设置的背景色。您必须将其设置为您喜欢的颜色。@Derfder下拉切换类上的默认颜色设置为背景色：#111111；和#e5，这就是为什么悬停时会显示深色