IEではボタンが両側に伸びる

ボタン (input, button) を記述すると、IE では次のようになります。
単語数が増えると、両側の間隔が大きくなります。
WIN の XP スタイルでは、単語数が多いと、両側に深刻なギザギザが現れます。
理由は何ですか？
Blue Ideal WEB 標準化コラムの元モデレーターである zbm2001z が回答しました:
1. IE は、ボタンの値に 4 バイト (中国語の文字の場合は 2 バイト) が追加されるごとに、ボタンの両側に合計 1 バイトのパディング幅を生成します。
2. IE ボタンのデフォルトスタイル (XP スタイル) は、背景として固定サイズの角丸長方形画像です。そのため、ボタンの幅と高さが大きくなると、この固定サイズの角丸長方形画像の端は自然に「粗く」なります。
WIN システム自体がバグを修正しない限り、現時点では 2 番目の問題を解決する方法はありませんが、最初の問題はまだ修正できます。
IE では、ボタン要素の overflow 属性の visible 値を設定します (注: padding 値は、overflow:visible 属性が設定された後にのみ有効です)。この属性は、前回の記事「background-clip と background-origin のアプリケーション」で実際に使用されています。しかし、今日「IE の引き伸ばされたボタンの問題」を読んだ後、小さなバグがあることに気付きました。ボタンをテーブルセルに配置すると、ボタンは正しく表示されますが、元々予約されていた幅のサイズは変更されず、依然としてスペースを占有します。IE6 では、ボタンの幅 (width) を 0 に設定する必要があります (IE7 にもこのバグがありますが、まだ良い解決策は見つかっていません)。
最終的な修復コードは次のとおりです (デモ):
input.button { パディング: 0.25em; 幅: 自動; _width: 0; オーバーフロー: 表示可能 !ie;}

<<: MySQL ロック制御同時実行方法

>>: TypeScriptにおけるunknownとanyの違いについて詳しく説明します