html - 我可以停止 :hover from being applied to an element?

Question

假设我有一些 CSS...

button:hover { font-weight: bold }

我怎样才能防止 :hover随意应用样式？我的目标用例是元素被禁用时。例如，使用此 HTML...

<button disabled>Click me</button>

...:hover CSS 仍然适用。按钮淡出，但 :hover效果还是可以看到的。这怎么能阻止呢？

Answer 1

pointer-events: none 将禁用所有悬停行为。对禁用元素非常有用

 button[disabled] { 
      pointer-events: none;

    }