[CSS][sémantique Web] boutons SUBMIT et images

Ma question concerne le bouton submit dans les formulaires.

Pour faire des boutons graphiques, la quasi-totalité des gens utilise un input de type image. Même si sémantiquement, ce n'est pas l'équivalent d'un submit (il est fait pour renvoyer les coordonnées du click sur l'image).

Ma question concerne la modification graphique des boutons SUBMIT par les CSS, pour les rendre plus "jolis". Je sais qu'on peut modifier les bordures, le fond, la taille comme n'importe quel élément HTML. Mais ce que je voudrais, ce serait masquer complètement le texte du bouton (le value), pour avoir un bouton avec juste une image. Etant donné qu'on ne peut pas insérer de span comme dans les titres (en html, input n'est pas un vrai bloc), et que le text-ident ne semble pas marcher, vous voyez une solution ?

Code:

---

background-image: url(images/bouton.gif);

---

Permet de changer l'image de "fond" d'un bouton et de mettre le texte du bouton dans l'attribut habituel

Oui, je sais changer le background d'un bouton, ça c'est bon.

Ce que je voudrais faire, c'est masquer complètement le texte du bouton, pour que celui-ci soit purement graphique.

Un peu comme quand on met un background dans un H1, puis qu'on masque le texte original en l'entourant d'un <span> qu'on place en invisible.

Ben en mettant aucun texte sur ton bouton ca marche pas ?

J'ai pas essayé.

Mais bon, niveau accessibilité, si je commence à supprimer du contenu, c'est pas top...

je vois pas où est le problème puisque de toutes facons tu ne veux pas l'afficher... :roll:

Si on met pas de texte, les navigateurs en mettent par défaut me semble-t-il.

J'ai déjà eu le problème et je dois dire qu'aucune solution ne m'a paru très efficace.

Il y a bien ce code css

Code:

---

1 2	line-height: 1000px ; font-size: 0px ;

---

qui à l'air de fonctionner avec IE et Firefox mais pas avec opéra et d'autres certainement.