1) Design

Design your form and customize your style. You can have a real time preview.

Design.Your backroundsgradient or simple?

Background-style:  Background color:
Gradient from: Gradient to:
Gradient style: Gradient Size (in pixel):

Design.Your bordersAlso the perimeter

Border color: Style: Size:
Border perimeter:

Design.Font and texttext value style

Font-family:
Font-size: Font-weight: Font-color:

Design.Label Font and textfor label tag

Font-family:
Font-size: Font-weight: Font-color:

Design.On Hovermouse event

Active:  Background: Font:
Border color: Style: Size:
Border perimeter:

Design.On Focusmouse event

Active:  Background: Font:
Border color: Style: Size:
Border perimeter:

Preview.Your styleReal time

2) Download

Download the css style generated and also an image in png format, if your background is a gradient.

Download.Your Code

Do you like these buttons? You can generate it for free here!

3) Apply

In the css generated you find the style you can apply to INPUT, TEXTAREA, SELECT, BUTTONS form elements and your LABELS. For example:

<label style="mylabelstyle">Name:</label>
<input type="textbox" style="myinputstyle" name="myname" />
Add to del.icio.us   
 Select!