У меня есть область ввода:области ввода Chrome и Firefox ведут себя разные
<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?
------------------------------- обновить -------------- ----------------------------
Я решил эту проблему, установив DIVs абсолютно и шире. Это поле ввода находится внутри другого div. Ранее внешний div относительный. Затем я вернулся к абсолютному и скорректировал маржу. теперь все работает нормально.
Не удалось воспроизвести проблему в моей версии Chrome 28.0.1500.95m (Windows). jsFiddle – Harshad
Привет, Харшад, благодарю вас за ответ. Поскольку эта проблема была всего лишь частью всего веб-сайта, я думаю, что разные div оказывают некоторое влияние друг на друга. В конце концов я изменил позицию на «фиксированную» и увеличил поле ввода, решил мою проблему. – JavaScripter