button hover

[nereidahoxhaj]

Ciao a tutti,
vorrei (meglio dovrei) cambiare il colore del bordo dei bottoni quando passa sopra il mouse. Come posso fare?

[pierofix]

Bottoni di form? La sintassi standard sarebbe questa, anche se caca-IE non la riconosce: :rollo:

button:hover { border-color:red }

Ti serve anche la compatibilità con IE?

[nereidahoxhaj]

Ti serve anche la compatibilità con IE?

Hai raggione quando dici c*-IE.
Purtroppo mi serve sopratutto la compatibilità con IE...

[pierofix]

Occorre utilizzare un po' di javascript addizionale (robe da matti... :rollo: ).

XHTML
<input 
   id="invia" 
   name="invia" 
   type="submit" 
   value="invia" 
   onmouseover="colora()" 
   onmouseout="scolora()" />

CSS
input[type="submit"]:hover,
.attivo
{
   border-color:red;
}

Javascript
function colora()
{
   document.getElementById('invia').className = 'attivo'
}
function scolora()
{
   document.getElementById('invia').className = ''
}

Il js l'ho scritto velocemente. Si potrebbe ottimizzare di molto (evitando di sporcare anche il markup).

[nereidahoxhaj]

Grazie,speravo che ci fosse un alternativa al js ma va bene lo stesso...