ios - CSS iOS - 为什么 :hover 在状态中持续存在

Question

请在 iOS 设备上运行演示。

我有两个具有相似元素（具有:hover状态）的页面，单击第一页中的任何元素会将您带到第二页。

问题：

• :hover在页面之间持续存在
• 位置:hover保持不变（尝试点击不同的链接）

这种情况会一直发生，直到您再次与页面交互。

演示：https ://codesandbox.io/s/ios-persisting-hover-state-se3m1

有谁之前经历过这个吗？我有什么解决方案来解决它？如果可能的话，宁愿不必no-touch在我的 CSS 中悬停状态的任何地方添加类型类。

谢谢！

标签： ioscssreactjsreact-routerhover

Answer 1

这应该回答你的问题：
https ://humanwhocodes.com/blog/2012/07/05/ios-has-a-hover-problem/