如何关闭：使用CSS悬停？

Question

有没有办法用CSS完全关闭元素的悬停事件？

我的用例：

我有一个由<a>元素组成的产品列表。我不希望悬停事件在页面上更改任何内容以在页面滚动时最大化帧速率。

---

我可以写

a:hover {
    text-decoration: none;
    ...
}

但有没有办法转向：完全悬停元素，所以我不需要覆盖样式？

Answer 1

对普通和悬停效果使用相同的样式。这样，当您将其悬停时，链接将具有相同的样式，就像您不使用时一样。

您不会禁用它，但它可以正常工作。

a, a:hover {
   ... your style here ...;
}

Answer 2

找到了我正在寻找的答案。

.disable-hover,
.disable-hover * {
    pointer-events: none !important;
}

它会禁用元素的所有悬停事件。