Sep 21, 2009
Most people would agree the default look of submit buttons is rather dull and unattractive. Using CSS and a nice gradient background image, it's easy to transform a form button from a duck to a swan.
border:outset 1px #ccc;
padding: 1px 2px;
background:url(formbg.gif) repeat-x left top;
The image used:
<form>I hope this ll help you. A 'Thank You' would be nice!
<input type="text" style="width: 200px; border: 1px solid gray" />
<input type="submit" class="formbutton" value="Submit" />