10

我开发了一个移动 Web 应用程序，我注意到 iOS 7 发生了变化，特别是：

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

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

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

提前致谢。

更新了截图：

好的：在此处输入图像描述

坏的：在此处输入图像描述

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

4

3 回答 3

2

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

于 2013-10-02T13:54:56.470 回答
0

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

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

于 2013-09-23T21:21:50.553 回答
0

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

于 2013-09-25T21:20:11.043 回答