Die Schaltfläche ist in IE BUG_HTML/Xhtml_Webpage Production auf beiden Seiten gestreckt

Wenn Sie Schaltflächen (Eingabe, Schaltfläche) schreiben, werden Sie unter IE Folgendes feststellen:
Mit zunehmender Anzahl von Wörtern wird der Abstand zwischen den beiden Seiten immer größer.
Wenn im XP-Stil von WIN die Anzahl der Wörter groß ist, treten auf beiden Seiten erhebliche Zacken auf.
Was ist der Grund?
Die ursprüngliche WEB-Standardisierungsspalte von Bamboo zbm2001z gab eine Antwort:
1 Wenn IE den Wert der Schaltfläche um 4 Bytes (2 chinesische Zeichen) erhöht, wird auf beiden Seiten der Schaltfläche ein angezeigt Gesamtfüllbreite von einem Byte.
2. Der Standardstil der IE-Schaltfläche (XP-Stil) ist ein abgerundetes Rechteckbild mit fester Größe als Hintergrund. Sobald die Schaltfläche also breiter und höher wird, werden die Kanten dieses abgerundeten rechteckigen Bilds mit fester Größe natürlich angezeigt. „Haarausreißen“-Phänomen.
Für das zweite Problem haben wir vorerst keine Möglichkeit, es zu lösen, es sei denn, das WIN-System behebt den FEHLER selbst, aber für das erste Problem können wir es immer noch beheben.
Legen Sie den sichtbaren Wert des Überlaufattributs für das Schaltflächenelement unter IE fest (Hinweis: Der Auffüllwert ist erst gültig, nachdem das Attribut overflow:visible festgelegt wurde. Dieses Attribut wird tatsächlich in „background-clip“ und „background-clip“ erwähnt). Ursprung“-Artikel, der das letzte Mal geschrieben wurde. Es wurde im Artikel „Dann Anwendung“ verwendet. Nachdem ich heute jedoch „Das Problem mit gestreckten Schaltflächen im IE“ gelesen habe, habe ich festgestellt, dass es immer noch einen kleinen Fehler gibt: Wenn die Schaltfläche in einer Tabellenzelle platziert wird, wird die Schaltfläche zwar korrekt angezeigt, die ursprünglich reservierte Breitengröße hat sich jedoch nicht geändert. , belegt immer noch Platz, Sie müssen die Breite der Schaltfläche in IE6 auf 0 setzen (IE7 hat auch diesen Fehler, aber es gibt noch keine gute Möglichkeit, ihn zu lösen).
Der endgültige Reparaturcode lautet wie folgt (Demo):
input.button { padding: 0 .25em; _width: 0;