我有一个输入区域：
<input class="input-large" type="text" pattern="[0-9]*" maxlength="5" size="5" autofocus>
此输入的 css：
.input-large{
position: absolute;
width: 600px;
margin: 0 auto;
font-size: 150px;
text-align: left;
border: 1;
letter-spacing: 38px;
}
我想实现这个：用户最多可以输入5个数字，如果超过5个数字，输入框停止显示其余数字。
当我在 Firefox 上测试它时，它很好。然而，当我在 Chrome 上测试它时，Chrome 有一个黄色的焦点矩形，这很好，但是当我输入超过 5 个数字时，之前的数字向左移动，它们不像在 Firefox 中那样保持固定。
有人知道如何关闭 Chrome 的这个功能吗？
- - - - - - - - - - - - - - - -更新 - - - - - - - - - ----------------------
我通过将 DIV 全部设置为绝对且更宽来解决了这个问题。此输入字段位于另一个 div 中。以前，外部 div 是相对的。然后我改回绝对并调整边距。现在一切正常。