"We know, there are known knowns; there are things we know we know. WE also know there are known unknowns; that is to say we know there are some things we do not know. But there are also unknown unknowns -- the ones we don't know we don't know."
- Ronald Rumfeld
We are going to create a custom submit button, and then code it into a form.
This is the end button image:
Start with an empty canvas of 70x25, make sure the background is transparant.
Pick a color of your choice and fill the document with it, I used #eb8416.
Next, pick eraser, put it on 1px pencil (important!).
Erase 1px at the top, bottom, left and right and then erase the corners like this:
Now add an inner glow, gradient overlay and stroke at this settings:
Now it's time to add some text, I used Arial at 10px but you can choose another font.
Type in SUBMIT and make sure it's white.
Now add a simple gradient overlay with these settings:
Save it as a .PNG so it keeps it's transparancy, and you will have this:
If you want to use it in a form, simple change the type from Submit to Image.
<input type="image" src="imageroot/imagename.png">
