私の問題はすでにここで説明されています: http://the-dees.webs.com/iepp1/45-input-padding.html しかし、解決策や回避策は提供されていません。
問題: IE8 でパディングを使用してテキストを入力した場合、テキストの初期位置と点滅カーソルが無効になります (入力の上部にレンダリングされます)。入力を開始すると、テキストとカーソルが適切な位置 (入力の中央) に移動します。
入力は次のようにのみスタイル設定されます:
input {
padding: 10px 0;
}
私には受け入れられない回避策を見つけました。つまり、左または右のパディング (または両方) を削除すると、すべて問題なく表示されます。
input {
padding-top: 10px;
padding-bottom: 10px;
}
ただし、padding-left または padding-right を 0 と宣言しないと、IE が奇妙なデフォルト値を与える可能性があります (私の場合は 1px でした)。
興味深いことに、この問題はプレーンな IE8 と IE8 ドキュメント モードの IE9 でのみ発生します。IE7、IE9、IE10、または IE8 ドキュメント モードの IE10 では表示されません。
この問題はどのように解決できますか?