Replacing a search or submit button with an image

Updated on 10-July-2015 at 12:08 PM

You need to change a line in your code that looks like this:
<input class="searchbutton" value="Search" type="submit">

To:

<input name="submit" class="cat_button" src="/images/button.gif" type="image">

Where /images/button.gif is the path to your image.

You can also style your button wuth just pure CSS and there are a couple of great links below showcasing and explaining how you can do this.
http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/ - A mix of different CSS button styles.
http://webdesignerwall.com/tutorials/css3-gradient-buttons - Using CSS 3 Gradients to create amazing button and hover styles.
Note:
<button></button> Works the same as your input but gives you more options in how you present your button.