133 votos

Eliminar borde de los botones

Intenté crear botones e insertar mis propias imágenes en lugar de las imágenes de botones estándar. Sin embargo, el borde gris de los botones estándar todavía permanece, mostrándose en el exterior de mis imágenes de botones negros.

¿Alguien sabe cómo eliminar este borde gris del botón, para que sea solo la imagen en sí? Gracias.

210voto

Vestride Puntos 2240

Añadir

padding: 0;
border: none;
background: none;

a tus botones.

Demostarción:

https://jsfiddle.net/Vestride/dkr9b/

56voto

Esto parece funcionar perfectamente para mí.

button:focus { outline: none; }

11voto

Flea Puntos 3308

Estaba teniendo el mismo problema y aunque estaba estilizando mi botón en CSS, nunca recogía el border: none, pero lo que funcionó fue agregar un estilo directamente en el botón de entrada así:

7voto

Marco Raganelli Puntos 73
input[type="button"] {
borde: ninguno;
outline: none;
}

5voto

Kailas Puntos 672

Para eliminar el 'borde azul' predeterminado del botón al enfocarse en él:

En Html:

Nuevo botón...

Y en Css

button.nuevo-boton:focus {
    outline: none;
}

¡Espero que te ayude! :)

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X