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

发布时间：2020-12-14 16:44:36 所属栏目：资源来源：网络整理

导读：我在iOS(8.4)Safari上看到一个奇怪的问题,在网页上输入文本,当我应用字体大小,宽度和填充时,输入光标显示在输入框的右侧和外侧根据我的需要设置样式(并防止焦点自动缩放). 截图显示了以下问题：我在我的CSS中将以下样式应用于input元素(类型为email)： font

我在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的设备,但这似乎应该可以解决问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!