Wie verhindere ich, dass der IE pixelige Schaltflächen erstellt?

Question

Ich weiß, dass ich schon mal darüber stolpere, aber aus irgendeinem Grund beschließt IE, meinen Submit-Button zu verpixeln.

Kann jemand das beheben?

Answer 1

Die pixelation in der Regel in IE6 und IE7 tritt nur, wie es in IE8 festgelegt wurde: Bug 101

Der Trick ist, CSS auf die Schaltfläche anwenden ...

/* Apply CSS class "button" to your input buttons */ 
.button{ 
    width:auto; /* fix stretching in IE for 16-20 char buttons */ 
    overflow:visible; /* fix stretching in IE for 16-20 char buttons */ 
    padding-left:4px; /* force sensible padding in IE */ 
    padding-right:4px; /* force sensible padding in IE */ 
} 

Dies gilt nicht Lösung alles, aber es minimiert sicherlich den Effekt.

Der folgende Screenshot zeigt alle Schaltfläche (mit den Stilen angewendet) haben "respektable" Polsterung (z. B. es wächst nicht wild). Beachten Sie auch, dass die Schaltflächen zu einem bestimmten Zeitpunkt immer noch fehlschlagen und verpixeln ... aber Sie können eine Menge mehr Zeichen eingeben, bevor sie fehlschlagen. (Bis zu 25 Zeichen vs. 19 ... hängt von Schriftfamilie und Größe)

IE Button stretch partial fix http://img523.imageshack.us/img523/3990/iebuttons.png