CSS iOS - 为啥 :hover 在状态中持续存在
Posted
技术标签:
【中文标题】CSS iOS - 为啥 :hover 在状态中持续存在【英文标题】：CSS iOS - Why does :hover persist through statesCSS iOS - 为什么 :hover 在状态中持续存在 【发布时间】：2020-02-07 18:59:17 【问题描述】：请在 ios 设备上运行演示。
我有两个具有相似元素的页面（具有:hover 状态），单击第一页中的任何元素都会转到第二页。
问题：
:hover 在页面之间持续存在
:hover 的位置保持不变（尝试点击不同的链接）
在您再次与页面交互之前，这种情况会一直发生。
演示：https://codesandbox.io/s/ios-persisting-hover-state-se3m1
以前有人经历过吗？我有什么解决方案来解决它？如果可能的话，宁愿不必在我的 CSS 中悬停状态的任何地方添加 no-touch 类型类。
谢谢！
【问题讨论】：
Does css hover work on mobile devices?的可能重复 【参考方案1】：这应该可以回答您的问题：https://humanwhocodes.com/blog/2012/07/05/ios-has-a-hover-problem/
【讨论】：
以上是关于CSS iOS - 为啥 :hover 在状态中持续存在的主要内容，如果未能解决你的问题，请参考以下文章
为啥这个 CSS 选择器不起作用：a:hover ~ span？