Free Code Generators

« Back Code Generators JavaScript WebGear Software

CSS Form Button Generator



Use this wizard to create stylish form buttons. Specify the color, font face, border width and color, size, and style. This works in IE4+ and NS 6+ browsers only.
Fill out the form fields below and click "Generate CSS" button. Follow steps 1 and 2 below to get great looking form fields. Use the 'Select Code' buttons to select the code within the adjacent textarea. Then use Control-C or Edit -> Copy to buffer the text for pasting into your document.

View the Color Chart for help selecting your colors.

Button Style Settings

Class Name:

» Background Style

Color:

» Border Style

Color:

Width:

Type:

» Font Style

Color:

Family:

Size:

Style:

Step 1: This code is placed between the <HEAS> and </HEAD> tags within your document.

Then use Control-C or Right Click>Copy to copy the code.

Step 2: Add the following code to the button tag as shown in the example below. Change the class name to match the name of the class you used above.

Example: <input class="aButton" type="reset" value="Reset" name="reset">

<< BackNavigate to: Code Generators JavaScript WebGear FreeFeast