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的设备，但这似乎应该可以解决问题。