[Résolu]Content :after et :before sur un input

Bonjour
J'ai un petit souci pour mettre des images dans un input.
Je souhaitais utiliser content avec before et after, mais cela ne semble pas fonctionner sur cet éléments.
Pouvez-vous me confirmer ?
Modifié par benj (22 Jun 2011 - 14:55)

Avec une page en ligne ça serait plus simple.

ok, voici un exemple : http://b1nj.fr/test_content.html

Avec une div cela fonctionne correctement, mais pas avec un input.

J'imagine que cela vient du fait que les contenus générés par :before et :after sont générés à l'intérieur de l'élément auquel ils s'appliquent. Dans le cas d'un input cela fausserai la valeur de ce dernier.

La solution est d'entourer l'input d'un span et d'appliquer before et after à ce dernier.

jb_gfx a écrit :
La solution est d'entourer l'input d'un span et d'appliquer before et after à ce dernier.

C'est bien ce que je voulais éviter.

Bon du coup, je vais essayer de trouver une autre solution.
Si quelqu'un d'autre peut confirmer qu'on ne peut pas mettre le pseudo élement :after sur un input.

"Non fonctionnants" ou bien "au comportement non défini" ?

Felipe a écrit :
"Non fonctionnants" ou bien "au comportement non défini" ?

Si tu parles aux présent ça revient au même.

Felipe a écrit :
"Non fonctionnants" ou bien "au comportement non défini" ?

Il est défini dans la spec que c'est ignoré (car pas applicable).

Je crois qu'il est dit que ces pseudo-classes ne s'appliquent qu'aux éléments de type contenant.

Ok, je vous remercie.
J'ai regardé un peu dans les spécifications, mais je n'ai rien trouvé.