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

L'astuce habituelle consiste à faire en sorte que l'image elle-même fasse partie d'un lien plutôt que d'un bouton. Ensuite, vous liez l'événement "click" avec un gestionnaire personnalisé.

Des cadres comme Jquery-UI ou Bootstrap le font d'emblée. L'utilisation de l'un d'entre eux peut d'ailleurs faciliter considérablement la conception de l'application.

Answer 2

Vous pouvez cibler le bouton dans le style CSS comme suit :

 div button {
    border: none;
 }

Answer 3

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