3

对于这个愚蠢的问题,我深表歉意,我在导航栏(navbar-inverse)中创建了一个登录下拉按钮,但单击该按钮时变为半黑。我没有自定义按钮,它是简单的纯红色危险按钮。我一直在寻找原因,但没有任何效果。所以请帮助我。

 <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>

点击之前

点击后

4

1 回答 1

2

问题是由于.navbar-inverse .nav li.dropdown.open.navbar .nav li.dropdown.open类。

请在您的自定义样式表中使用以下类,更改background-color为您的选择。

.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;
 }

适合你的jsfiddle 带有下拉菜单的 Jsfiddle

于 2013-02-19T05:28:56.380 回答