Bootstrap dropdown button turns half black on clicking?

Question

Advance sorry for this silly question, I created a sign in dropdown button in navbar(navbar-inverse) but on clicking the button turns half black. I didnt customize the butto

Answer 1

The issue is because of the .navbar-inverse .nav li.dropdown.open and .navbar .nav li.dropdown.open classes .

Please use the following classes into your custom stylesheet , changing the background-color to your choice .

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

The jsfiddle for you Jsfiddle with drop down