Take a look at this example: http://jsfiddle.net/eJSGn/
input{
padding-left: 20px;
}
input:last-of-type{
background: url(http://skiorboard.com/wp-content/uploads/2014/03/search.png) no-repeat;
background-size:15px 15px;
}
<input type="button" value=" Search " />
<input type="button" value=" Search " />
<input type="button" value=" Search " />
When working with three input buttons and applying a background image to the last one, it can lead to unexpected changes in appearance. For instance, in Chrome, adding an image to the third button might cause it to display a white background and alter the border style.
The goal is to maintain the default browser styles for these buttons while incorporating a background image to one of them. This should be done without completely changing the look of that specific button compared to the others that won't have icons added.