html - fondo - quitar focus de un boton css

Eliminar el borde de los botones

Question

Traté de 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 aún permanece, mostrando en el exterior de mis imágenes de botón negro.

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

Answer 1

Añadir

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

a tus botones.

Manifestación:

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

Answer 2

El truco habitual es hacer que la imagen sea parte de un enlace en lugar de un botón. Luego, vincula el evento "clic" con un controlador personalizado.

Los marcos como Jquery-UI o Bootstrap lo hacen de la caja. Usar uno de ellos puede facilitar mucho la concepción de la aplicación por cierto.

Answer 3

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

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

Answer 4

Esto parece funcionar para mí a la perfección.

button:focus { outline: none; }

Answer 5

Intente usar: border:0; o border:none;

Answer 6

También puede probar background:none;border:0px to buttons.

también los selectores css son div#yes button{..} y div#no button{..} . espera que ayude