Originariamente inviato da andrea.paiola
esempio 2
css:
codice:
/* Stili Esempio #2 */

#form2 {
	background: #FFFFFF;
	padding: 10px;
	width: 500px;
	border: 1px solid #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

input.text {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	border: 1px solid #000000;
	padding-right: 5px;
	padding-left: 5px;
	width: 140px;
}
input.pulsante {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	padding: 5px;
	width: 140px;
	border: 1px solid #000000;
	margin-top: 10px;
}
input.text:focus {
	background: #CCCCFF;
}

input.pulsante:hover {
	background: #CCCCFF;
}
input.pulsante:active {
	background: #00CCFF;
}

td.richiesto {
	color: #000000;
	background: #3399FF;
	text-align: right;
	font: bold 12px Arial, Helvetica, sans-serif;
}
td.opzionale {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #00FF33;
	text-align: right;
}
html:
codice:
<form name="form2" method="post" action="" id="form2">
  <h2><a name="esempio2"></a>Esempio 2: semplici modifiche, colori e bordi....</h2>
  

I campi segnalati in blue sono obbligatori.</p>
  <table>
    <tr> 
      <td class="richiesto">Nome:</td>
      <td><input name="textNome2" type="text" class="text" id="textNome2"></td>

    </tr>
    <tr> 
      <td class="richiesto">Cognome:</td>
      <td><input name="textCognome2" type="text" class="text" id="textCognome2"></td>
    </tr>
    <tr> 
      <td class="opzionale">Email:</td>
      <td><input name="textEmail2" type="text" id="textEmail2" class="text"></td>
    </tr>

    <tr> 
      <td></td>
      <td class="submit"><input name="Submit2" type="submit" class="pulsante" value="Invia"></td>
    </tr>
  </table>
  

Con Netscape 6, Mozilla 1.0 e Explorer 5 Mac potete gustarvi l'efficacia 
    delle pseudo-classi...</p>
</form>
preso da Esempi CSS Forms
Ti sconsiglio di usare le tabelle per il layout in quanto vanno usate solo per i dati tabellari.
Quindi questo esempio va giusto bene per capire come funziona la cosa coi CSS, ma lascerei stare l'html
Per costruire forms come si deve leggiti i link in rilievo!
grazie,

ma quando io vado a scrivere sulla input text del sito http://www.htmldog.com/ la input text cambia colore...

nel tuo esempio no