Stile del pulsante di invio di Internet Explorer

Question

Sto realizzando un'applicazione Web e ho ottenuto il design da una società di design in subappalto. Il design è piuttosto carino, mi piace, ma mi sono imbattuto in una cosa che non sono sicuro di come implementare bene.

Il fatto è che hanno ridisegnato l'aspetto dei pulsanti in base allo stile della pagina. Quindi ora ho due immagini: pulsante su e pulsante giù. In Opera e FF dico solo in css qualcosa del genere:

input[type="submit"]
{
    background-image: url(btn_up.png);
}
input[type="submit"]:active
{
    background-image: url(btn_down.png);
}

E funziona come un fascino. Purtroppo, IE non comprende la parte : active . Come con la maggior parte delle applicazioni web, il pubblico di IE è il pubblico principale previsto, quindi è piuttosto importante che sia bello almeno lì.

Attualmente ho fatto una soluzione ingombrante usando un JavaScript solo IE, ma mi chiedo: non c'è un modo più elegante per farlo? Ricerca Google e SO non ha aiutato.

Answer 1

Per quanto ne sapevo, le pseudo-classi CSS sono per collegamenti SOLO in IE. Questo potrebbe essere cambiato in IE8 ma non ne sono consapevole. Quindi in pratica non credo che esista un modo elegante di implementarlo tramite CSS.

Questa non è una risposta utile, quindi aggiungerò anche che lo implementerei usando immagini e script sul lato client che non sono eleganti ma che dovrebbero consentire di fare il lavoro su tutti i browser se lo script sul lato client è giusto.

Saluti

Answer 2

http://www.quirksmode.org/css/contents.html#t16

" IE 7 supporta: hover, ma non: attivo, su tutti gli elementi. "