在移动设备上禁用悬停

Question

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

:hover我有20行左右的CSS行，所以逐个取消它们不是一种选择。

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

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

有什么想法吗？

Answer 1

好吧，您无法禁用它，但无法启用它。

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