es decir, muestra el borde cuando se hace clic en la imagen

Question

Estoy usando jQuery para cambiar entre las clases cuando se hace clic en una imagen. En cromo & FF todo está bien, pero en ie9 (probablemente también antes) cuando hago clic en un de la imagen aparece un borde gris feo.

Este es el código HTML:

<a id="PASTWINS" href="improve.php" class="PastWin_Unmarked"></a> 

Este es el estilo:

.PastWin_Unmarked{border:0px;display: block;background-image:url('images/tomgui3_08.png');background-repeat:no-repeat;width:206px;height:43px;text-decoration:none;} 

Y aquí es una imagen con la frontera fea que aparece:

Answer 1

Puede eliminarlo con ...

a:focus { 
    outline: none; 
} 

Sin embargo, tenga en cuenta que algunas personas necesitan esto como una señal visual cuando navegan por el teclado.