Supprimer la bordure des boutons

J'ai essayé de créer des boutons et d'insérer mes propres images au lieu des images de bouton standard. Cependant, la bordure grise des boutons standard reste toujours, montrant à l'extérieur de mes images de bouton noir.

Est-ce que quelqu'un sait comment supprimer cette bordure grise du bouton, donc c'est juste l'image elle-même? Je vous remercie.

Ajouter

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

à vos boutons.

Démo:

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

Cela semble fonctionner parfaitement pour moi.

button:focus { outline: none; }

J'avais le même problème et même si je stylisais mon bouton en CSS, il ne le reprenait jamais, border:nonemais ce qui fonctionnait était d'ajouter un style directement sur le bouton d'entrée comme ceci:

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

Essayez d'utiliser: border:0;ouborder:none;

L'astuce habituelle consiste à intégrer l'image elle-même à un lien au lieu d'un bouton. Ensuite, vous liez l'événement "click" avec un gestionnaire personnalisé.

Des frameworks tels que Jquery-UI ou Bootstrap le font directement. L'utilisation de l'un d'entre eux peut faciliter beaucoup la conception de l'application dans son ensemble.

Vous pouvez également essayer background:none;border:0pxdes boutons.

les sélecteurs css sont également div#yes button{..}et div#no button{..}. espère que ça aide

Pour supprimer la `` bordure bleue '' par défaut du bouton sur le focus du bouton:

En Html:

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

Et en Css

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

J'espère que ça aide :)

Ajoutez ceci en css,

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

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