Create custom submit buttons
Create an image and use it as a background instead of the button. Here is an example of three buttons I created with Photoshop.
Create a CSS class for the button, for example:
.mySubmitButton {
font-family:Arial, Helvetica, sans-serif;
border: none;
color: #fff;
font-size: 16px;
height: 40px;
width: 150px;
background: url(button_blue.png) no-repeat top center;
padding: 0 10px 8px 10px;
}
font-family:Arial, Helvetica, sans-serif;
border: none;
color: #fff;
font-size: 16px;
height: 40px;
width: 150px;
background: url(button_blue.png) no-repeat top center;
padding: 0 10px 8px 10px;
}
Assign the CSS class to the button:
<form>
<input type="submit" value="Submit" class="mySubmitButton">
</form>
<input type="submit" value="Submit" class="mySubmitButton">
</form>
That's it. Of course do not forget to upload the backgound image on your web server.