type="number" 导致表单域缩小

Question

在 iPad/iPhone 上使用 iOS 4.2.1 时，当我查看带有 type="number" 文本字段的特定网页时，文本输入空间比 type="text" 时略短。当我输入 3 位数字时，第一个数字会被截断，而 type="text" 不会被截断。此问题不会在 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;
}