Tengo un problema que no he conseguido resolver de ninguna forma, ni con las respuestas que he encontrado por aquí. Me gustaría saber como se quitar el recuadro de puntos que sale en firefox cuando le das a un botón. En chrome es la misma propiedad, solo que en vez de ser un recuadro de punto es una línea de color azul.
El reborde de punto es ese que se ve en la imagen. Repido que solo sale cuando le clicas al botón. y es molestisimo que salga.
El boton lo tengo puesto así en el html (hay mas botones pero son todos igual a este):
<table>
<tr>
<td><input type="button" name="otros" id="cinco" value="5" onclick="mouseEvents(this)"></td>
</tr>
</table>
El codigo CSS sería el siguente:
input[type="button"]:focus{
outline: 0;
}
input[name="otros"]{
background-color: rgb(65, 65, 65);
color: lightgrey;
width: 5em;
height: 3em;
border: none;
outline: 0;
}
input[name="otros"]:hover{
background-color: grey;
transition: all 0.5s;
border-radius: 2px;
}
outline
que se menciona en esta respuesta? es.stackoverflow.com/questions/291434/… por cierto para poderte ayudar mejor sería ideal que agregues tu código y de ese modo podamos reproducir el problema que expones