Form CSS alles auf einmal formatieren

[mubico]

Ich denke viele von euch haben sich schon mal Gedanken gemacht wie man in einem Rutsch alle Formularelemente mit CSS formatieren kann. Viele von euch haben sich durch Foren gelämpft und wurden nicht fündig, wobe es doch ganz einfach ist.

Das ist eine Form Klasse.
Zuerst wird der Form Tag bearbeitet und dann stehen da die jeweiligen Felder und co drinnen.

Ergo:
Viele Formularelemente (Auch wenn noch eins dazu kommt) und nur ein CSS File.

Bittesehr:

PHP-Code:

form { 
background-image:none; 
padding:20px; /* klares Padding vom Form Tag */
border:0px solid #ddd; /* Border um das ganze Formularfeld */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin:0px;
}
td, input, select, textarea 
{ 
font-size:13px; 
font-family:Verdana,sans-serif; 
border:1px solid #ddd; 
font-weight:none;  /* bold, italic, etc... */
}
input, select, textarea 
{ 
color:#00c;
background-color:#fff;
border:1px solid #ddd; 
}
.Bereich, .Feld 
{ 
background-color:#fff; 
width:300px; 
border:1px solid #ddd; 
}
.Auswahl 
{ 
background-color:#dff; 
width:300px; 
border:1px solid #ddd;
}
.Check, .Radio
{ 
background-color:#ddff; 
border:1px solid #ddd; 
}
.Button 
{ 
background-color:#aaa; 
color:#fff; 
width:200px; 
border:1px solid #ddd; 
}