表面笔手写笔不会识别在chrome中悬停

Question

我遇到了与悬停伪无效相关的问题。问题在于Surface pad的chrome浏览器。悬停效果在其他浏览器中工作正常，但不能在chrome中工作。我正在使用表面笔来检查悬停。

HTML：

<ul>
   <li><a href="#">link</a></li>
</ul>

CSS：

a:hover{cursor:pointer; background:red;}

Answer 1

您需要确保悬停锚点上有href以使其可触摸。您可以使用href="#"或href="javascript:void"执行此操作，然后您需要添加aria-haspopup="true"以告知设备在用户释放点击后，任何可见内容都应保持可见，直到另一次互动。

Answer 2

知道了。实际上早些时候我在触摸设备上遇到了问题。悬停效果在触摸时起作用并且在触摸该区域时没有改变。悬停效果坚持触摸并且没有返回。所以在触摸设备上我改变了：hover into：active。