¿Cómo puedo dejar activado (active
) un link (<a>
) con JavaScript?
Mi código HTML
<div id="marco2">
<a href="#" onclick="play1();" class="myButton">A-1</a>
<a href="#" onclick="play2();" class="myButton2">A-2</a>
<a href="#" onclick="play3();" class="myButton3">A-3</a>
</div>
Css
.myButton:active,.myButton2:active,.myButton3:active {
position:relative;
top:-9px;
background: linear-gradient(to bottom, #bbbbbb 5%, #bbbbbb 100%);
background-color: #aaaaaa;
}
:active
hasta que se encuentre el evento mouseup correspondiente. Pero... dudo que eso sea muy estable especialmente en diferentes navegadores. Por no hablar de que un click en otra parte te lo eliminaría. Lo que suele hacerse en estos casos es añadir una clase.active
, eso si que es fácil de añadir y quitar con javascript, es compatible con todos los navegadores y no da problemas.