Html iOS Safari文本输入光标出现在输入框外
我在iOS(8.4)Safari上看到了一个奇怪的问题,在网页上有一个文本输入,当我应用字体大小、宽度和填充来设置样式时,输入光标显示在我的输入框的右侧和外部(并防止自动聚焦) 显示以下问题的屏幕截图: 我正在将CSS中的以下样式应用于输入元素(键入email): 它位于显示为块的容器中,没有边距或填充,宽度为100% 我将视口标记设置为:Html iOS Safari文本输入光标出现在输入框外,html,ios,css,safari,mobile-safari,Html,Ios,Css,Safari,Mobile Safari,我在iOS(8.4)Safari上看到了一个奇怪的问题,在网页上有一个文本输入,当我应用字体大小、宽度和填充来设置样式时,输入光标显示在我的输入框的右侧和外部(并防止自动聚焦) 显示以下问题的屏幕截图: 我正在将CSS中的以下样式应用于输入元素(键入email): 它位于显示为块的容器中,没有边距或填充,宽度为100% 我将视口标记设置为: <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
这是一个已知的错误,有解决方法吗?还是我的CSS中有什么东西导致了这个问题?您是否尝试将
溢出:隐藏添加到
CSS中?我没有一台运行iOS 8.4的设备,但它似乎应该可以做到这一点。也看到了这一点,这也是非常有趣的事情。
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>