>> KYSCORP.COM TUTORIALS >> CSS Tutorials

CSS for Forms

In this tutorial you will learn that we can customize the forms compenents simply with style sheets,

Example with a style sheet

insert the following code between the tags <head> & </head> this style sheet will redefine all the input tags on your page :

<style type="text/css">
input
{
color:#161616;
background-color:#cccccc;
font-size:11px;
font-family:Arial;
font-weight: bold;
}
</style>

Or just use the style attribute:

<input type="text" style="font-family: Arial;font-size:10px;color:#161616;background-color:#cccccc;font-weight:bold" name="text" value="Your Text" size=25 maxlength=35>

Example for buttons:

Also using style attribute:

<input style="font-family: Verdana;font-size:8px;color:#cccccc;background-color:#333333;font-weight:bold;border: 1px dotted #C0C0C0" type="submit" value="send">