type = "number" вызывает уменьшение поля формы

Question

При использовании iOS 4.2.1 на iPad / iPhone, когда я просматриваю определенную веб-страницу с type = "number" для текстового поля, пространство для ввода текста немного короче, чем когда это type = "text".И когда я ввожу 3 цифры, первая получает обрезку, в то время как она не обрезается с помощью type = "text".Эта проблема не возникает на iOS 3.x на iPad / iPhone.Область ввода поля ввода идентична и работает нормально.

Кто-нибудь заметил эту проблему?Что я могу сделать, чтобы это исправить?Спасибо.

Answer 1

Вам нужно установить единицу измерения при ширине и высоте.

<input syle="width: 45px; padding: 1px 0;" name="mname" type="text" value="" autofocus />

или предпочтительный:

input[type=number] {
width: 45px;
}

Answer 2

Вероятно, это связано с таблицей стилей браузера устройства по умолчанию.Если вы просто применяете стили к тем же стилям к полям ввода текста и чисел, они должны отображаться одинаково.

input[type=text], input[type=number] {
    width: 100px;
    padding: 1px 0;
    ...etc...
}