IE Button Padding

Ich hatte schon länger die Vermutung, dass der Inhalt der Submit-Buttons im IE (also das Label) das Padding beeinflußt. Zunächst dachte ich, es wären die Auswirkungen des Double-Margin-Bugs (nur im Bezug auf Padding, im IE würde es mich nicht wundern) oder ich hätte es falsch gesehen. Heute war ich so genervt (ich meine neugierig), dass ich mal eine Testseite gemacht habe.
Dann habe ich auch mal nach einer Lösung gesucht und tatsächlich was gefunden, was zu funktionieren scheint – nämlich hier. Der Fix (width: 1; overflow: visible;) verwirrt den Firefox aber doch, daher mein Vorschlag für die IE den Hack zu verwenden. In der Testseite sind übrigens die „normale“ Variante und der Fix gegenüber gestellt.

input {
padding: 0 10px;
}
*html input {
width: 1;
overflow: visible;
}
*+html input {
width: 1;
overflow: visible;
}

Tags:

Kommentare sind geschlossen.