Javascript iPhone上不显示按钮中的文本

当你在iPhone上单击“播放”时，在第一个屏幕之后，我在答案按钮中显示文本时遇到了一些问题。例如它适用于任何地方，但不适用于iPhone。这是演示版，你可以在react上找到我的项目。有人知道问题出在哪里吗？

问题似乎是，至少在Safari IOS上（我在iPad IOS 14上测试过），Game_answer_uuu2ffx上的伪元素呈现在答案框中的文本前面，尽管z-index:-1

我不太愿意谈论z-index和堆叠上下文、转换等诸如此类的东西，因为我在过去犯了错误，但这个问题的重要一点是，在IOS上，文本被覆盖，负z-index没有达到预期效果

立即要尝试的一件事是将

背景色：#fff

放在半透明的物体上（我使用了

背景色：rgba（255,0,0,0.5）

），这样你就可以自己看到那些伪元素覆盖了什么

---

你会看到文本在那里，但你也会看到中心线，毫无疑问，这些伪元素是要覆盖的。我想必须有另一种方法来消除这个问题——或者为了用户看到答案，暂时放弃它，并用透明替换#fff。

@shamaryard你能给我提供一个屏幕吗，因为我检查了很多设备，并且对删除的评论没有任何适应性问题。我不知道如何提供堆栈溢出的屏幕截图。我能想到的唯一位置是答案部分，但那只是答案。它可以在安卓系统上运行，不过使用的是三星的互联网浏览器。@Shamaryard是的，它也可以在Macbooks上运行，经过测试，但在iPhone上不起作用）