CSS et les formulaires

On y pense moins souvent, mais les formulaires sont parfaitement paramétrables via CSS, on peut même leur appliquer certains pseudo formats (cf liens hypertexte). Voici un exemple de style CSS dédié à une page contenant des formulaires HTML:

input,
textarea,
select {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #EEE;
  border: 1px solid #444;
}
input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E4F7FA;
  border: 1px solid #00DFFF;
}
input.button {
  padding: 2px 5px;
  font: 400 1.1em "trebuchet ms", serif;
  color: #555;
  background: #9FF3FF;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF #00DFFF #00DFFF #FFF;
}