如何关闭：用户点击按钮后悬停？

Question

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

style.css文件

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

当用户点击my-login-button时，用户会登录。当他们退出时，登录按钮仍为蓝色，直到他们再次将鼠标悬停在mouseout上。

当用户退出时，如何让登录按钮自动变为白色？

Answer 1

将您的css更改为不适用于此类点击的按钮

"COURSE",247,"28/4/2016 12:53 Europe/Brussels",1,"Verschil tussen merk, product en leveranciersverantwoordelijke NL","Active Enro"

点击添加类点击

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

Answer 2

点击my-login-button删除class my-login-button：hover并添加class my-login-button。

$('#Button').click(function(){
    $(this).addClass("active");
});

Answer 3

    var btn = document.getElementById("my-login-button"); 
    btn.addEventListener("click", function(){
        btn.style.color="white";
    }