Border d'un button

parousky Messages postés 325 Date d'inscription   Statut Membre Dernière intervention   -  
CptRomaiin Messages postés 315 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, j'ai fais un button avec une image cliquable, et j'aimerais faire disparaître la bordure sur les bords, mais ça ne fonctionne pas !
Alors voilà le bout de code que j'ai écrit :
<style>
button.Yes{border-style: none;}
</style>

<button class="Yes" type="button" ><image src="Yes.png"></image></button>

Mais la bordure ne disparaît pas !

Voyez-vous une erreur ?
Merci d'avance !


EDIT : Ajout des balises de code

2 réponses

Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

La bordure n'est-elle pas appliquée sur ton image plutôt que sur ton bouton ?
D'ailleurs la balise image en html est <img> et non <image> :
// CSS
.Yes img { border: none; }

// HTML
<button class="Yes" type="button"><img src="Yes.png" /></button> 
0
parousky Messages postés 325 Date d'inscription   Statut Membre Dernière intervention   6
 
Même en écrivant ce code, ça ne fonctionne pas ! Et j'ai bien vérifié que ce ne soit pas l'image en elle-même qui ait une bordure, mais nan, tout est normal, mais il y a une bordure !
0
CptRomaiin Messages postés 315 Date d'inscription   Statut Membre Dernière intervention   58
 
Salut,

Ce qui veut dire Pitet (je pense ^^), c'est que la bordure est peut être appliquée à la balise <img>.

Tu devrais donc essayer le code suivant :

<button class="Yes" type="button"><img  class="Yes" src="Yes.png" /></button>
0