type =“number”导致表单字段缩小

Question

在iPad / iPhone上使用iOS 4.2.1，当我查看文本字段的type =“number”的特定网页时，文本输入空间略短于type =“text”。当我输入3位数字时，第一个数字会被截止，而它不会被类型=“文本”截断。在iPad / iPhone上的iOS 3.x上不会发生此问题。输入字段输入区域相同，工作正常。

有人注意到这个问题吗？我能做些什么来解决它吗？感谢。

Answer 1

这可能与设备浏览器的默认样式表有关。如果您只是将相同样式的样式应用于文本和数字输入字段，则应该呈现相同的样式。

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

Answer 2

您需要在样式宽度和高度时设置单位。

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

或首选：

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