无法删除bootstrap navbar img下拉背景颜色

Question

我的bootstrap导航栏中有个人资料图片。当我单击下拉图像时，背景颜色变为白色，我不确定要更改哪个CSS元素。请参阅下面的CSS和屏幕截图。

            <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="<?php echo base_url().'blahblahblah'; ?>">Blahblahblah</a></li>
                <?php
                    $link_protocol = USE_SSL ? 'https' : NULL;

                if($this->session->userdata('allow_login'))
                {
                    if( ! empty( $this->auth_role ) )
                    {
                        if(strpos(current_url(), 'member') == FALSE )
                        {
                        //User is logged in and not on a member page, show profile image or default image and member dropdown
                ?>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle profile-image" data-toggle="dropdown">
                            <img src="<?php echo $this->usr_profile_img; ?>" class="img-circle">&nbsp;<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="<?php echo site_url('member/profile', $link_protocol); ?>">My Profile</a></li>
                                <li><a href="<?php echo site_url('member/settings', $link_protocol); ?>">Settings</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="<?php echo site_url('logout', $link_protocol); ?>">Logout &nbsp;<i class="fa fa-sign-out" aria-hidden="true"></i></a></li>
                            </ul>
                        </li>
                <?php
                        }
                    }
                    else
                    {
                        //User is not logged in
                        echo '<li class="side-padded"><p class="top_margin10"><a href="'.base_url().'login" role="button" class="btn btn-primary btn-sm">Sign In</a></p></li>';
                        echo '<li class="side-padded"><p class="top_margin10"><a href="'.base_url().'signup" role="button" class="btn btn-success btn-sm">Sign Up!</a></p></li>';
                    }
                }
                ?>
            </ul>
        </div>

CSS

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #98cbed;
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
background-color: none;
background-image: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #98cbed;
background-color: transparent;
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #98cbed;
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
background-color: none;
background-image: none;
}

Answer 1

固定。

改变了这个：

.navbar-nav li a {
margin-top: 15px;

}

对此：

.navbar-nav {
margin-top: 15px;

}

并改变了这个：

.navbar .navbar-nav > li.open > a:hover,
.navbar .navbar-nav > li.open > a:focus,
.navbar .navbar-nav > li.open > a:active {
background-color: #282828;

}