0

誰もこの奇妙な行動を見たことがありますか? IE9 に入力フィールドがあり、幅が固定され、パディングがあり、角が丸くなっている場合、何らかの理由で、テキスト ボックスがいっぱいのときに入力した最後の文字が表示されません。そこにありますが、IE は文字列を左に移動して右端の文字を表示しません。

これが私の言いたいことを示すケースです。最初のフィールドは問題ありません。2 番目のフィールドは、フィールドがすでに入力されているときに入力を続けると、説明した動作を示しています。

<!DOCTYPE html>
<html>
<head>
<title>Text input field</title>
<style type="text/css">
.textItem {
    padding: 2px 8px 2px 2px;
border-radius: 5px;
}
</style>
</head>
<body style="padding: 50px 200px">

<form method="post">
    <input type="text" size="5"/>
    <br/><br/>
    <input class="textItem" style="width: 119px" type="TEXT"/>
</form>
</body>
</html>

これを修正する方法を知っている人はいますか (うまくいけば、すでに定義されている css プロパティを変更せずに)。

4

1 に答える 1

0

box-sizing: border-box入力フィールドに適用することで問題が解決しました。それに応じて幅を調整しました。

于 2013-01-31T15:13:44.827 に答える