オフにする方法：ユーザーがボタンをクリックした後にカーソルを移動しますか？

Question

私の:hoverエフェクトは、ボタンをクリックした後に停止し、非ホバーモードに戻す必要があります。

ユーザーが my-login-buttonをクリックすると、ユーザーがログインします。彼らはログアウトすると、彼らは再びその上に置いて、 mouseoutまでのstyle.css

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

は、ログインボタンはまだ青いです。

ユーザーがログアウトしたときにログインボタンが自動的に白くなるようにするにはどうすればよいですか？あなたのCSSは、[Add]をクリックしてクラスにこの

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

のようにクリックされたボタンには適用されないようにする

Answer 1

変更はクラスの私のログインボタンを削除し、私のログインボタンをクリックするだけで

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

Answer 2

をクリックしました：マウスの右ボタンをクリックして、クラス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"; 
    }