ios - 修复 iPhone/iPad/iPod 上的 CSS 悬停

Question

我想修复 iOS 上的悬停效果(更改为触摸事件)，但我没有任何想法。让我解释一下。您的页面中有一段文字:

<div class="mm">hello world</div>

风格:

.mm { color:#000; padding:15px; }
.mm:hover { background:#ddd; }

好的，在 dekstop 中，如果您将鼠标放在文本上，您会得到一个 #ddd 背景，对吗？但在 iOS 中，如果你触摸文本，你什么也得不到，但如果你点击它，它会变得丑陋且粘稠的#ddd 背景，这并不好，我希望用户在触摸该文本时获得悬停效果(我认为类似于 touchevent ) .但我看到一些网站已修复，例如 freemyappps.com 或(请在您的 iOS 设备上查看此站点 -> D4F 并触摸一些东西以查看像吃蛋糕一样的悬停效果:))但是这些网站是如何修复的呢？怎么能像他们一样修好？谢谢

Answer 1

将 onclick=""添加到您希望 iOS 识别为悬停元素的任何内容。

<div onclick="">Click Me!</div>