twitter/bootstrap — Issue #809: Hovering over a button in the nav bar displays the wrong background
Author: sbowman
Created: 2011-12-14 21:52:26+00:00
State: open

In Bootstrap 1.4.0, when you add a button to the nav bar, e.g. , and hover over it, it displays a background that is half blue and half gray.

It seems to be this section of the CSS starting at line 1384 that is the problem:

```css
.topbar input:hover {
background-color: #bfbfbf;
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
}
```

I've made the following change in my local copy, but I'm no CSS guru, so I don't know if this will cause problems elsewhere or in other browsers:

```css
.topbar input[type='text']:hover, .topbar input[type='password']:hover {
background-color: #bfbfbf;
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
}
```

Using an tag as a button seems to be ok in the nav bar.