Hola:
tengo una imagen con 2 iconos en esa imagen(uno activo, otro inactivo), al hacer el :hover me cambia activo, pero al hacer :active me funka solo al hacer click, pero se me cambia el estado y se pone inactivo,¿como puedo dejar permanente el active para que no cambie y si cambio al otro boton uno quede inactivo y el otro activo?
Código PHP:
<style type="text/css">
a.button span {
background: transparent url(iconos/prod.png) no-repeat;
display: block;
line-height: 14px;
padding: 55px;
}
a.button:active span, a.button:hover span {
background-position: bottom left;
padding: 55px; /* push text down 1px */
display: block;
line-height: 14px;
}
</style>
...
<a href="#" class="button"><span>1</span></a>
<a href="#" class="button"><span>2</span></a>