1

私の問題はすでにここで説明されています: 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 では表示されません。

この問題はどのように解決できますか?

4

1 に答える 1

0

line-heightプロパティを on に設定するinputと、テキストとキャレットの位置が固定されます。

于 2014-09-10T18:44:59.940 に答える