Discussion :

[Benzeghiba]

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

[Bisûnûrs]

C'est un rendu de ton navigateur et ça ne peut pas être géré au niveau HTML/CSS.

[Bovino]

Rmq : je dois absolument utiliser la balise <Button>

Bizarre d'être obligé d'utiliser une balise empêcher son comportement...

[Benzeghiba]

Visiblement vous avez raison, ce que je souhaite obtenir n'est pas possible.
Je tiens juste à préciser que j'utilise la balise <Button> car elle supporte le causesvalidation d'ASP.NET