javascript - 投资组合悬停效果不适用于 iphone 和 ipad

Question

在我的 HTML 模板中，投资组合悬停效果在 iphone 和 ipad 上不起作用。我尝试在 ipad 和 iphone 中双击，但它不起作用。 但在其他设备中它工作正常。 我是新手，我什至不知道是 css 还是 javascript 相关的问题。 我需要 iPhone 的任何自定义代码吗？或者一些代码与此冲突？ TIA。

Answer 1

iOS 不支持前缀 :hover 但你可以使用 :focus 做你想做的事情。

示例 - 假设我们希望此框在悬停时变为绿色。

div {
  width: 100px;
  height: 100px;
  background: grey;
  }

div:hover, div:focus {
  background: green;
  }

<div></div>

来源:CSS-Tricks