Bonjour,

Je voulais mettre en place un bouton contenant une image et un texte et qui soit plat sans bordure et qui aura la même couleur que le fond de la page, autrement dit, l'image et le texte s'affiche dans la page sans être visuellement encadrés mais une action se produit lorsqu'on clique dessus.

J'ai réussi à faire ça en utilisant une balise <Button> pour laquelle j'enlève la bordure et la couleur de fond grâce au style suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
border-style : none;
background-color : Transparent;
cursor : default;
Cela marche, mais j'ai constaté que quand je clique sur la zone du bouton, les éléments qu'il contient sont légèrement déplacés puis remis à leur place quand je lache le bouton de la souris ! Or moi je veux que le clique n'ait aucun impact visuel juste une action JS que j'ai définie sera exécutée, est-ce que celà est possible ? et de quelle façon éviter le déplacement du contenu du bouton quand on clique dessus ?

Rmq : je dois absolument utiliser la balise <Button>

Merci par avance