I am facing an issue with customizing buttons in Bootstrap.
<div class="btn-group">
<button class="btn btn-midd">Link</button>
<button class="btn btn-midd dropdown-toggle">
<span class="icon-download-alt icon-gray"></span>
</button>
</div>
I would like to switch the "icon-gray" to "icon-blue". I have a different image ready (along with a corresponding class that changes background-image). The change to Icon-blue should occur on hover.
Thank you for your assistance.
CSS:
.icon-blue {background-image: url("../img/glyphicons-halflings-blue.png");}
.icon-download-alt {background-position: -408px -96px;}
Here is an example :