入力エリアがあります：
<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 は相対的でした。次に、絶対値に戻し、マージンを調整しました。今はすべて正常に動作します。