javascript - 如何关闭:hover after user clicks button?

Question

我需要我的 :hover 效果在单击按钮后停止并恢复到非悬停模式。

样式.css

my-login-button: {
  color: white;
}
my-login-button:hover {
  color: blue;
}

当用户点击 my-login-button 时，用户会登录。当他们注销时，登录按钮仍然是蓝色的，直到他们再次将鼠标悬停在它上面并 mouseout .

如何在用户注销时让登录按钮自动变白？

Answer 1

更改您的 css 以不适用于这样的单击按钮

.my-login-button {
  color: white;
}
.my-login-button:not(.clicked):hover {
  color: blue;
}

点击添加类点击

$('.my-login-button').on('click', function() {
$(this).addClass('clicked')
})