Glyphicon in input-prepend off by 1 pixel
Created by: Scowen
When using a glyphicon in the input prepend, like a search icon for a search bar, the prepended CSS is off by one pixel. Here is the code I used to test:
<div class="input-group input-group-lg">
<span class="input-group-addon glyphicon glyphicon-search"></span>
<input class="form-control" type="text" name="input">
</div>
By adding 'style="top: 0px;" ' to the span, this was fixed, example:
<span class="input-group-addon glyphicon glyphicon-search" style="top: 0px;"></span>
I have only tested this in Chrome.