Border d'un button

parousky Messages postés 325 Date d'inscription Statut Membre Dernière intervention -
CptRomaiin Messages postés 334 Statut Membre - 9 déc. 2014 à 18:39

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

Afficher la suite

2 réponses

Réponse 1 / 2
Pitet Messages postés 2845 Statut Membre 530
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
Réponse 2 / 2
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
1. CptRomaiin Messages postés 334 Statut Membre 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

Border d'un button

2 réponses

Discussions similaires

Newsletters