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

我需要我的

：hover

效果在单击按钮后停止并恢复到非悬停模式

样式表 当用户单击“我的登录”按钮时，用户将登录。当他们注销时，登录按钮仍然是蓝色的，直到他们再次将鼠标悬停在其上并退出

---

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

将css更改为不适用于这样的单击按钮

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

在单击“添加类”时，单击

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

---

单击我的登录按钮删除类我的登录按钮：悬停并添加类我的登录按钮

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

---

有课吗？你可能想展示更多的代码，甚至不知道你可以这样使用“not”。很酷，谢谢。我是OP。I+1你的答案，因为它有帮助。我正在评估和测试所有答案，以便选择和接受答案。到目前为止，你的计划似乎很有希望。我遇到的问题是。。。您将

my login button

解释为一个类。不是。它实际上是一个自定义元素。但假设我可以使用相同的语法，这是一个小问题。真正的问题是，看起来我必须在下次用户加载页面时删除

。单击的
类（如果我希望
：hover
正常工作）。这让我回到了起点。对吗？还是我遗漏了什么？当用户加载（硬加载）页面时，添加了javascript的所有类都将被重置，我知道。但是当他们注销时，我的页面并没有被硬加载。所以这是一个症结所在。我必须对代码做进一步的研究，看看是否有注销事件或我可以挂接的东西。是的，我想你也需要在注销时处理一些代码
$('#Button').click(function(){
    $(this).addClass("active");
});

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