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

前端之家收集整理的这篇文章主要介绍了html – iOS Safari文本输入光标出现在输入框外前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在iOS(8.4)Safari上看到一个奇怪的问题,在网页上输入文本,当我应用字体大小,宽度和填充时,输入光标显示在输入框的右侧和外侧根据我的需要设置样式(并防止焦点自动缩放).

截图显示了以下问题:

我在我的CSS中将以下样式应用于input元素(类型为email):

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

它是在容器中显示块,没有边距或填充,宽度为100%.

我将视口标记设置为:

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

这是一个已知的错误,是否有解决方法?或者我的CSS中有什么东西导致了这个问题?

解决方法

您是否尝试添加溢出:隐藏到< input> CSS?我没有运行iOS 8.4的设备,但这似乎应该可以解决问题.

猜你在找的HTML相关文章