如何删除单击时的悬停

/* 定义悬停样式 */
.hover-effect:hover {
  background-color: yellow;
}

/* 定义点击后的样式 */
.clicked {
  background-color: initial; /* 或者设置为默认背景色 */
}

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

document.querySelector('.hover-effect').addEventListener('click', function() {
  this.classList.toggle('clicked');
});

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

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

document.querySelector('.hover-effect').addEventListener('click', function() {
  this.style.backgroundColor = ''; // 清除背景色
});