Question

I’m using bootstrap in my rails project and I’m using the input-append css class on an input filed and submit button. All works great except when I hover over the submit button the style turns to a blue color. Looks like its ignoring the class .btn that I set on it for its default gray color and defaulting to the blue color that a submit button has.

<div class="input-append">
       <%= text_field_tag :password, "", :class => 'span2' %>
       <%= button_tag "Submit", :class => 'btn'%>
</div>

here is what this code outputs to html.

<div class="input-append">
       <input type="text" value="" name="password" id="password" class="span2">
       <button type="submit" name="button" class="btn">Submit</button>
    </div>

Anyone else having this issue. Again it’s only on the hover state.

Answer 1

I suggest you look into the CSS to find the hover pseudo-selector that is affecting your button, and get rid of it or override it.