CSS definito a livello del tag
codice:
<input type="text" name="campo" style="background: #FFCCOO;"/>
CSS definito per tutti i campi testo
codice:
<head>
<style type="text/css">
input {
border: 1px solid #FFCC00;
background: #EFEFEF;
font: normal 11px Verdana;
}
</style>
</head>
Cio' pero' verra' applicato anche ai checkbox, radio, select, buttons... i quali non appariranno sempre tutti allo stesso modo.
Il meglio quindi, secondo me, e' creare una classe per ciascun tipo di campo:
codice:
<head>
<style type="text/css">
.campoTesto {
border: 1px solid #FFCC00;
background: #EFEFEF;
font: normal 11px Verdana;
}
.bottone {
border: 1px solid #000000;
background: #EFEFEF;
font: normal 11px Verdana;
color: #FFFFFF;
}
</style>
</head>
e applicarli in questo modo:
codice:
<input type="text" name="campo" class="campoTesto"/>
<input type="button" name="invia" value="Invia" class="bottone"/>
Ciao