CSS und Javascript: Funktion zum Ändern des Hover-Stils für Farbeffekte
Ich habe ein Element, in dem ich eine Textfarbe und eine andere Textfarbe für den Schwebezustand im CSS festgelegt habe. Ich habe etwas Javascript, so dass beim Klicken auf das Element die Textfarbe des Elements geändert wird. Es funktioniert einwandfrei, außer dass es auch das Hover-CSS beeinflusst, das ich genauso wie das angeklickte Hover-CSS beibehalten möchte. Gibt es überhaupt eine Möglichkeit, die Ausführung des Hover-CSS zu stoppen oder das Hover-CSS festzulegen?
CSS:
#test {color: blue;}
#test:hover {color:green;}
HTML:
<div id="test" onClick="javascript:change()">qwerty</div>
Javascript:
function change() {document.getElementById("test").style.color="#cc0000";};