js去掉按钮的hover

<button id="myButton" class="hover-effect">Click Me</button>

.hover-effect:hover {
  background-color: blue;
}

document.getElementById('myButton').classList.remove('hover-effect');

<button id="myButton">Click Me</button>

#myButton:hover {
  background-color: blue;
}

document.getElementById('myButton').style.setProperty('background-color', '');

<button id="myButton">Click Me</button>

var style = document.createElement('style');
document.head.appendChild(style);
style.sheet.insertRule('#myButton:hover { background-color: initial; }', style.sheet.cssRules.length);

<button id="myButton" disabled>Click Me</button>