在 iOS 7 中输入类型 = 日期答案

【问题标题】：input type=date in iOS 7在 iOS 7 中输入类型 = 日期
【发布时间】：2013-09-28 20:34:13
【问题描述】：

我开发了一个移动网络应用程序，我注意到 iOS 7 发生了变化，具体来说：

如果网页表单包含type=date的输入标签，而日期字段的值为空（没有日期值），那么该字段在Safari中以一种奇怪的方式呈现，使得文本框非常小（大约是普通输入类型=文本框高度的 25%）。一旦在控件中输入了日期，那么文本框的高度与 type=text 框的高度相同。

这在 iOS 6 中没有发生，但在 iOS 7 中发生了。问题是我觉得这些日期输入框以这种方式呈现并不好看。我希望它们看起来与普通的 type=text 框相同，即使是空的。

提前致谢。

更新了截图：

好：

不好：

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

【问题讨论】：

【解决方案1】：

如上所述，解决方法是手动设置输入type=date html控件的高度。对我来说 20px 的高度使它看起来与页面上的其他控件相同，并且看起来不错。

【讨论】：

【解决方案2】：

我刚刚在我的一个网站上遇到了同样的错误。经过调查，当 CSS 属性 background-color 设置为 transparent 时，似乎该错误发生在 iOS7 上。然后将空日期输入的高度和宽度缩小。

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

【讨论】：

【解决方案3】：

另一个答案（涉及背景颜色）可能对他们的情况是正确的，但对我们来说，这并不能解决问题。我们最终不得不为输入指定一个高度。那成功了。绝对是一个烦人的错误。

【讨论】：