Tengo un elemento donde establezco un color de texto y un color de texto diferente para el estado de desplazamiento en el CSS. Tengo algunos javascript para que cuando haga clic en el elemento, cambie el color del texto del elemento. Funciona bien, excepto que también afecta el CSS de desplazamiento, que quiero seguir siendo el mismo que el CSS de desplazamiento previo. ¿Hay alguna forma de evitar que se ejecute el hover css o configurar el hover CSS?

http://jsfiddle.net/77zg8/

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";};