Supprimer la bordure des boutons

Question

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

Quelqu'un sait-il comment supprimer cette bordure grise du bouton, pour qu'il n'y ait que l'image elle-même ? Merci.

Answer 1

Ajouter

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

à vos boutons.

Démonstration :

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

Answer 2

Cela semble fonctionner parfaitement pour moi.

button:focus { outline: none; }

Answer 3

J'ai eu le même problème et même si j'ai donné un style à mon bouton en CSS, il n'a jamais détecté l'adresse de l'utilisateur. border:none mais ce qui a fonctionné, c'est l'ajout d'un style directement sur le bouton de saisie comme ceci :

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

Answer 4

input[type="button"] {
border: none;
outline:none;
}

Answer 5

Vous pouvez facilement lui donner ce style :

MyButton {
border: none;
outline: none;
background: none;
}

le site border: none; fera également le travail pour vous séparément sans donner de plan (parce que : Un contour est une ligne tracée à l'extérieur de la bordure de l'élément. Ainsi, lorsqu'il n'y a pas de bordure, la propriété outline n'a aucune signification en soi).

La propriété CSS abrégée background définit toutes les propriétés de style d'arrière-plan en une seule fois, telles que la couleur, l'image, l'origine et la taille, ou la méthode de répétition. Ainsi, lorsque vous définissez sa valeur sur none alors il empêche votre bouton d'avoir n'importe quelle couleur, image et etc.....