Problème CSS dans IE7 et IE8 - retrait de texte sur le champ <input type="text">

Question

Est-il possible de faire en sorte qu'IE7 et IE8 respectent la propriété css text-indent sur un champ de saisie?

Voici mon code

Lorsque vous chargez la page pour la première fois dans IE8, le texte n'est pas indenté. Vous pouvez "activer" la propriété text-indent en mettant le focus sur le champ de texte et en y tapant (c'est-à-dire déclencher l'événement onchange).

Comment faire en sorte qu'IE7 et IE8 respectent le text-indent d'un champ de texte dès le chargement de la page au lieu de l'événement onchange de l'entrée?

Answer 1

En temps normal, la balise d'entrée ne fonctionne pas dans ie6 et ie7

La balise d'entrée fonctionnera dans tous les navigateurs

La balise d'entrée ne fonctionnera pas dans ie7 et ie6

démonstration

http://jsfiddle.net/KczMR/1/

Answer 2

Êtes-vous sûr de vouloir utiliser 'text-indent' au lieu de la propriété 'margin-left' ou 'padding-left' ? La propriété 'text-indent' est censée affecter uniquement la première ligne de texte dans un élément. Vous pourriez avoir plus de chance avec la marge ou le rembourrage.