CSS и Javascript: функция изменения стиля наведения цветовых эффектов
У меня есть элемент, в котором я устанавливаю цвет текста и другой цвет текста для состояния наведения в CSS. У меня есть некоторый JavaScript, поэтому, когда я нажимаю на элемент, он меняет цвет текста элемента. Он отлично работает, за исключением того, что он также влияет на CSS при наведении, который я хочу оставить тем же, что и при предварительно щелчке мышью по CSS Есть ли способ остановить hover css или установить hover CSS?
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";};