在移动设备上禁用悬停

Question

我需要在移动设备上（通过媒体查询）禁用按钮的悬停 effect/selector。

我有 20 条左右的 CSS 行 :hover，所以不能一一取消它们。

pointer-events 也不是，因为它也会取消点击事件。

我想要一个 CSS 唯一的解决方案。

有什么想法吗？

Answer 1

好吧，你不能禁用它，但你不能启用它。

@media only screen and (min-width: 768px) {
    .desktopOnlyHover{
        background-color:salmon;
    }
}