iOS Safari 文本输入光标出现在输入框外

Question

我在 iOS (8.4) Safari 上看到一个奇怪的问题，在网页上输入文本，当我应用字体大小、宽度时，输入光标显示在输入框的右侧和外部并填充以根据需要设置样式（并防止焦点自动缩放）。

以下问题的截图：

我在我的 CSS 中将以下样式应用于输入元素（类型电子邮件）：

font-size: 16px; width: 96%; padding: 2%;

它在容器中显示为块状，没有边距或填充，宽度为 100%。

我的视口标签设置如下：

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

这是一个已知的错误，是否有解决方法？还是我的 CSS 中有什么东西导致了这个问题？

Answer 1

您是否尝试将overflow: hidden 添加到<input> CSS？我没有运行 iOS 8.4 的设备，但这似乎应该可以解决问题。