Почему добавление свойств min/max изменяет ширину числового элемента ввода HTML5 в Chrome?
HTML5 вводит поля ввода, для которых допустимы только числовые значения.
<input type="number" placeholder="box 1" />
Сегодня я заметил, что при указании атрибутов min и max результирующая ширина текстового поля изменяется:
<input type="number" placeholder="box 2" min="0" max="100" />
Эти два элемента отображаются в Chrome по-разному:
В Firefox этого, похоже, не происходит.
Проверьте это самив этом jsFiddle .
Это ошибка, или для этого есть причина?
1 ответ:
Я обновил вашу скрипку с другой коробкой:
<input type="number" placeholder="box 3" min="0" max="100000000" />Вы можете видеть, что chrome делает коробки немного больше, чем они должны быть, чтобы поместиться максимально возможное число внутри.
Похоже, это функция от chrome.
Comments