Remover borda dos botões

Tentei criar botões e inserir minhas próprias imagens em vez das imagens de botão padrão. No entanto, a borda cinza dos botões padrão ainda permanece, aparecendo na parte externa das imagens dos meus botões pretos.

Alguém sabe como remover essa borda cinza do botão, então é apenas a própria imagem? Obrigado.

Adicionar

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

aos seus botões.

Demo:

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

Isso parece funcionar perfeitamente para mim.

button:focus { outline: none; }

Eu estava tendo o mesmo problema e embora estivesse estilizando meu botão em CSS, ele nunca pegaria o, border:nonemas o que funcionou foi adicionar um estilo diretamente no botão de entrada como:

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

Tente usar: border:0;ouborder:none;

O truque usual é tornar a própria imagem parte de um link em vez de um botão. Em seguida, você vincula o evento "click" a um manipulador personalizado.

Frameworks como Jquery-UI ou Bootstrap fazem isso fora da caixa. A utilização de um deles pode facilitar muito a concepção de todo o aplicativo.

Você também pode tentar background:none;border:0pxbotões.

também os seletores de css são div#yes button{..}e div#no button{..}. espera que ajude

Para remover a 'borda azul' padrão do botão no foco do botão:

Em Html:

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

E em css

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

Espero que ajude :)

Adicione isso como css,

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

$ (". myButtonClass"). css (["border: none; background-color: white; padding: 0"]);