0

有没有人见过这种奇怪的行为?当我在 IE9 中有一个固定宽度、一些填充和圆角的输入字段时,由于某种原因,我在文本框已满时键入的最后一个字符不会显示。它在那里,但 IE 没有将字符串移动到足够的左侧以显示最右边的字符。

这是一个案例来说明我的意思。第一个字段没问题,第二个字段显示当您在字段已填满时继续键入时我解释的行为:

<!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 回答