Buenas a todos,
Estoy intentado hacer desaparecer el outline que aparece al pulsar sobre este botón, pero lo he probado de diversas maneras pero sigue apareciendo el dichoso oultine al pulsar el botón
Podéis verlo desde aquí
http://neodani.com/fdw/boton1/boton1.php
Este es mi código HTML
<span class="entrar">
<input type="submit" name="entrar" value="Entrar">
</span>
Y aquí es donde he probado de todo para hacer desaparecer el outline.
Código CSS:
Ver originalinput,a {
outline: 0;
}
*:focus{outline:none;}
.entrar {
float:left;
margin:1pt 0pt 0pt -6px;
outline: 0;
}
.entrar input {
background:transparent url(entrar1.png) no-repeat scroll 0pt 60%;
border:medium none;
height:29px;
width:59px;
font-weight:bold;
color:#fff;
margin-left:10px;
margin-right:10px;
margin-top:3px;
outline: 0;
cursor:pointer;
}
.entrar:hover input {
background:transparent url(entrar2.png) no-repeat scroll 0pt 60%;
border:medium none;
height:29px;
width:59px;
outline: 0;
cursor:pointer;
}
Alguno sabe cómo hacer para que no aparezca?
Muchas gracias de antemano!