CSS 禁用悬停效果

Question

我需要禁用鼠标悬停在整个 DOM 中的特定按钮（不是所有按钮）上。请让我知道如何使用 CSS 类来实现它。

当我的按钮被禁用时，我正在使用下面的 CSS 类。现在我想使用同一个类删除悬停效果。

 .buttonDisabled
 {
 Cursor:text !important; Text-Decoration: None !important;
 }

上面的类将负责删除鼠标悬停时的手势和文本下划线。现在我也想删除悬停效果。请告诉我。

原文由 user2681868 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我对此有非常简单的解决方案。

只需创建一个新类

.noHover{
    pointer-events: none;
}

并使用它来禁用它上面的任何事件。像这样使用它：

 <a href='' class='btn noHover'>You cant touch ME :P</a>

原文由 Seetpal singh 发布，翻译遵循 CC BY-SA 3.0 许可协议