Sto cercando di impostare i moduli con una grafica accettabile. Il mio CSS comprende questo codice:

#########
input {
color: #333;
background-color: #FFF;
border: 1px solid #CCC;
padding-right: 1px;
padding-left: 1px;
margin:2px;
}

input:focus {
background: #EBEBEB;
}

textarea {
border: 1px solid #CCC;
padding-right: 1px;
padding-left: 1px;
margin:2px;
}

textarea:focus {
background: #EBEBEB;
}

select {
vertical-align:top;
color:#333;
border:1px solid #CCC;
background-color: #FFF;
padding: 1px;
margin:2px;
}

#############

Il risultato con IE è veramente di basso livello! Per prima cosa i checkbox (e immagino radiobuttom) hanno una cornicetta a sfondo bianco, e se tolgo lo sfondo bianco rimangono i bordi di colore grigio. Quindi tra le due cose preferisco lo sfondo bianco con la cornicetta grigia su ogni checkbox ... ma è veramente brutto!

C'è la possibilità di rendere l'aspetto di IE simile a Firefox che i checkbox li interpreta correttamente, cioè senza cornicetta?

Inoltre sembra che la funzione input:focus non venga assolutamente calcolata da IE. E' normale?

Grazie, ciao.