hover su input button (mozilla compatible).

Si sono tonico in quest'inizio 2010...

Partiamo dalle cose semplici IE supporta l'hover sui button ? no. Mozilla supporta gli hover sui button ? ancora no.

C'e' tuttavia una comoda tips per poterci riuscire e per aver un bell'effetto.

Create un div e popolatelo di bottoni..
poi applicate questi stili...

.MainDiv input
{
border :0;
}
.MainDiv input[type="button"]:hover
{
border :0;
color :white;
height :30px;
width :215px;
display :block;
text-align :left;
font-size :15px;
}
.MainDiv input[type="button"]
{
border :0;
color :#6A6A6A;
height :30px;
width :215px;
display :block;
text-align :left;
font-size :15px;
}
MainDiv è chiaramente il DIV ...
input è la radice dei button..
input[type="button"] ( chiamiamola estensione del tipo ... ) è il bottone.

Funziona abbastanza bene, è possibile applicare anche un background e shiftarlo