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

各种输入字段都有问题，当我在iOS mobile safari（仅限）上键入时，文本是不可见的

然而，对于站点的这一部分，我不能通过CSS将其作为目标，因为它是一个iframe

有什么想法吗

为什么会发生这种情况

如何解决

我必须通过添加

transform:translateZ（0）来强制模糊或GPU以解决此问题。但是我不能在这个元素上使用CSS

放置

-webkit-overflow-scrolling: touch;

导致问题的原因，我相信这是由于Safari在打开此选项时处理滚动/分层的方式。解决方法是强制GPU使用

transform: translateZ(0);

在可以控制的父元素上。
您尝试过这个吗？尝试用这个应用CSS。我无法针对元素的CSS，因此无法添加此属性。查看
输入
CSS，有
用户选择：文本！重要的
所以我不确定这是不是。我尝试使用JS来瞄准目标，但我觉得这是分层不稳定的修复，而不是解决原始问题。这个修复非常有效