各种输入字段有问题,当我在 iOS 移动版 safari(仅)上输入时,文本是不可见的。
但是对于网站的这一部分,我无法通过 CSS 定位它,因为它是一个 iframe。
任何想法
- 为什么会这样?
- 如何解决?
我必须通过添加 transform: translateZ(0);
来强制模糊或 GPU 以解决它。但是我不能在这个元素上使用 CSS。
最佳答案
放置
-webkit-overflow-scrolling: touch;
导致此问题的原因,我认为这是由于 Safari 在打开此功能时处理滚动/分层的方式所致。修复它的方法是强制 GPU 使用
transform: translateZ(0);
在可控的父元素上
关于iOS 输入字段 - 键入文本时不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57473114/