contorno deseado o botón alrededor de la frontera cuando se hace clic
Pregunta
Tengo un botón de estilo en mi sitio web. Pero cuando hago clic en él, se crea un borde no deseado o esquema (no sé cuál). ¿Cómo puedo eliminar esa frontera? A continuación se muestra todo el código que se refiere al botón.
button {
border: hidden;
cursor: pointer;
outline: none;
}
<button>this is my button</button>
Solución
Si usted está hablando de la línea de puntos en Firefox, creo que lo que estás buscando es la siguiente:
button::-moz-focus-inner { border: 0; }
Este es un hilo sobre el tema: Cómo eliminar contorno de puntos de Firefox en los botones, así como enlaces?
Otros consejos
Utilice uno de estos estilos CSS
a:active,
a:focus,
input,
input:active,
input:focus {
outline: 0;
outline-style:none;
outline-width:0;
}
a:active,
a:focus,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
o
:focus {outline:none;} ::-moz-focus-inner {border:0;}
Una vez que la parte de estilos CSS se hace, entonces es posible que también tenga que configurar el IE-emulador. Actualizar el archivo web.config sus aplicaciones web e incluir debajo de la tecla.
<system.webServer>
<httpProtocol>
<customHeaders>
<clear />
<add name="X-UA-Compatible" value="IE=7; IE=9; IE=8; IE=5;" />
</customHeaders>
</httpProtocol>
</system.webServer>
outline: none;
Esto funcionó para mí en Chrome.
Es un esquema.
Utilice outline:none;
en: enfoque de pseudo-clase para eliminarlo.
Funcionado bien para mí.
Por favor, no retire los contornos de enfoque sobre los estilos, esto hace que su sitio menos accesible a los usuarios de teclado solamente y con baja visión.
Si decide añadir algo como :focus { outline: none; }
a sus hojas de estilo, añada también le posee estilos para elementos específicos.
Lectura: Nunca retire CSS contornos