Styles sur les formulaires

Exemple

Champ simple (balise <input>) :

Champ multiligne (balise <textarea> )

Exemple bouton radio (balise <input>): yes no

Menu déroulant (balise <select> ):

Bouton (balise <input>):

 

Code 

form {
 border: 1px dotted #FF0000;
 width: 450px;
 padding: 10px;
 }

input {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FF0000;
 background-color: #EEEEEE;
 border: 1px solid #FF0000;
 }

 textarea {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #FFFFFF;
 border: 1px solid #000000;
 }

 select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #CCCCCC;
 background-color: #000000;
 }

Remarque :

Les effets visuels sur les formulaires fonctionnent pas ou prou dans Safari 1.

En savoir plus :

<liste des exemples CSS>