Quitar borde de 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 aún permanece, mostrándose en el exterior de las imágenes de mis botones negros.

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

Añadir

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

a tus botones.

Manifestación:

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

Esto parece funcionarme perfectamente.

button:focus { outline: none; }

Estaba teniendo el mismo problema y, aunque estaba diseñando mi botón en CSS, nunca captaría el, border:nonepero lo que funcionó fue agregar un estilo directamente en el botón de entrada de esta manera:

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

Intente usar: border:0;oborder:none;

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

Los marcos como Jquery-UI o Bootstrap hacen esto de inmediato. Por cierto, usar uno de ellos puede facilitar mucho la concepción de la aplicación.

También puedes probar background:none;border:0pxcon los botones.

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

Para eliminar el 'borde azul' predeterminado del botón en el enfoque del botón:

En Html:

<button class="new-button">New Button...</button>

Y en CSS

button.new-button:focus {
    outline: none;
}

Espero eso ayude :)

Agregue esto como css,

button[type=submit]{border:none;}

$ (". myButtonClass"). css (["borde: ninguno; color de fondo: blanco; relleno: 0"]);