iOS 输入字段 - 键入文本时不可见

标签 ios css input sass mobile-safari

各种输入字段有问题,当我在 iOS 移动版 safari(仅)上输入时,文本是不可见的。

但是对于网站的这一部分,我无法通过 CSS 定位它,因为它是一个 iframe。

任何想法

  1. 为什么会这样?
  2. 如何解决?

我必须通过添加 transform: translateZ(0); 来强制模糊或 GPU 以解决它。但是我不能在这个元素上使用 CSS。

gif of issue

最佳答案

放置

-webkit-overflow-scrolling: touch;

导致此问题的原因,我认为这是由于 Safari 在打开此功能时处理滚动/分层的方式所致。修复它的方法是强制 GPU 使用

transform: translateZ(0);

在可控的父元素上

关于iOS 输入字段 - 键入文本时不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57473114/

相关文章:

ios - 无法从 ios 的本地开发服务器 IP 地址调用 api

javascript - 即使指针事件设置为无,也使元素可点击

java - Java 程序的 JPen 替代品

ios - 根据某些条件为一个选项卡显示不同的 Controller

ios - 如果在重新加载 UiTableView 时 View 消失,应用程序会崩溃

android - Flash Builder 中的哪个元素定义 iPhone 应用程序快捷方式名称?

html - 如何在同一行对齐两个提交按钮

php - 允许用户修改链接工具栏(更改顺序、添加、删除)的最佳方法

html - 将输入的标签包装在超链接 anchor 标记中

python - 如何更改嵌套列表python中的值