CSS iOS - 为什么 :hover 会通过状态持久化



请在iOS设备上运行演示。

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

问题:

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

在您再次与页面交互之前,会发生这种情况。

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

以前有人经历过吗?我有什么解决方案可以修复它?如果可能的话,宁愿不必在我确实在 CSS 中悬停状态的任何地方添加no-touch类型类。

谢谢!

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

最新更新