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

在iPad/iPhone上使用iOS 4.2.1时，当我为文本字段查看type =“number”的特定网页时，文本输入空间比它是type =“text”。而当我进入3位，第一位获得截止，虽然它没有得到具有type =“文本”截止。 iPad/iPhone上的iOS 3.x不会发生此问题。输入字段输入区域相同，并且工作正常。type =“number”导致表单字段缩小

有没有人注意到这个问题？有什么我可以解决它吗？谢谢。

来源

2011-02-03 abalone

我也有这个在CSS文件中：。输入{ 填充左：0; padding-right：0; } td.input输入{ \t宽度：×45像素; } – abalone 2011-02-03 18:49:31

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

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

来源

2011-02-03 07:17:47 xzyfer

我将input [type = number]添加到列出input [type = text]的css文件的所有实例中，并且会发生同样的问题。我然后直接加入到它的HTML文件：<输入SYLE = “宽度：45;填充：1px的0;” NAME =“MNAME”类型=“文本”的值=“”自动聚焦/>和同样的问题发生。 – abalone 2011-02-03 18:45:10

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

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

或优选的：

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

来源

2011-03-16 07:04:37

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

回答

相关问题