输入类型= iOS 7中的日期

Question

我开发了一个移动网络应用程序，我注意到有关iOS 7的更改，特别是：

• 如果网页表单包含type = date的输入标记，并且日期字段的值为空（没有日期值），则该字段在Safari中以奇怪的方式呈现，因此该字段的高度为文本框非常小（大约是正常输入类型=文本框高度的25％）。一旦在控件中输入日期，则文本框的高度与type =文本框相同。

这在iOS 6中没有发生，但在iOS 7中发生。问题是看到以这种方式呈现的这些日期输入框对我来说看起来不太好。我希望它们看起来像普通的type =文本框一样，即使是空的。

• 我能做些什么来实现这一目标吗？
• 是否有一些初始值我可以传递给type = date文本框以使它们像往常一样呈现？

提前致谢。

更新了屏幕截图：

好：

坏：

（那个白框应该更高并显示占位符文本）

Answer 1

如上所述，解决方案是手动设置输入类型=日期html控件的高度。我的高度为20像素，看起来与页面上的其他控件相同，看起来不错。

Answer 2

我在我的一个网站上遇到了同样的错误。在调查之后，当CSS属性background-color设置为transparent时，看起来好像在iOS7上发生了错误。然后收缩空日期输入高度和宽度。

所以我们要么必须删除background-color: transparent，要么手动设置日期输入的高度和宽度:(

Answer 3

另一个答案（涉及背景颜色）对于他们的情况可能是正确的，但对我们来说，这并没有解决问题。我们最终必须为输入指定高度。这就是诀窍。绝对是一个讨厌的错误。