I seem to be facing a similar issue to what was discussed in this thread about Twitter Bootstrap displaying buttons with greyed text. The problem I am encountering is with a btn-info button that has a dropdown - after clicking on an item in the dropdown, the text of the button turns grey and only changes back to white when hovered over. This strange behavior persists even after stopping and restarting the rails server, and switching browsers also does not solve the problem.
I suspect this problem arose after running a scaffold generator, although unlike the solution suggested in the previous thread, I do not have a Scaffold.css file to delete. Any suggestions on how to fix this persistent grey color of the button's text?
Below is the HTML code for my button:
<span class="span3 btn-group">
<a id="j_button" class="btn btn-info session_button dropdown-toggle" data-toggle="dropdown" href="#">
Send to J location
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a id='j_dropdown1' href="#">New issue</a></li>
<li><a id='j_dropdown2' href="#">Add to existing</a></li>
</ul>
</span>
The only CSS I added for the button is:
.session_button {
font-size: 12px;
font-weight: bold;
padding-left: 8px;
padding-right: 5px;
padding-bottom: 0;
padding-top: 0;
}