如何取消我的按钮:单击按钮时在css中悬停？

/* 假设原来的悬停样式是这样的 */
button:hover {
    background-color: blue;
    color: white;
}

/* 移除或注释掉上面的代码即可 */

button:not(.no-hover):hover {
    background-color: blue;
    color: white;
}

<button class="no-hover">这个按钮没有悬停效果</button>

// 获取所有按钮
var buttons = document.querySelectorAll('button');

// 遍历每个按钮，移除悬停效果
buttons.forEach(function(button) {
    button.style.setProperty('--hover-effect', 'none');
});

button {
    --hover-effect: background-color blue, color white;
}

button:hover {
    /* 使用CSS变量来设置悬停效果 */
    @apply (--hover-effect);
}