在移动设备上禁用悬停

Question

我需要在移动设备上禁用按钮的悬停效果/选择器（通过媒体查询）。

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

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

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

有什么想法吗？

Answer 1

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

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