输入类型= iOS 7中的日期

Question

我开发了一个移动Web应用程序,我注意到有关iOS 7的更改,特别是:

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

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

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

提前致谢.

更新了截图:

好:

坏:

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

Answer 1

正如上面建议的，解决方案是手动设置input type=date html控件的高度。对我来说 20px 的高度使它看起来与页面上的其他控件相同，而且看起来不错。