Question CSS dans IE7 et IE8 - texte-tiret sur <input type=“texte”> champ
Est-il possible de faire IE7 et IE8 respecter le texte-tiret propriété css sur un champ de saisie?
Voici mon code
<!DOCTYPE html>
<html>
<body>
<input type="text" style="text-indent:100px; display:block;" value="Test indent" />
</body>
</html>
Lorsque vous chargez la page dans IE8, le texte n'est PAS en retrait. Vous pouvez activer " le texte-tiret propriété en mettant l'accent sur le champ de texte et en tapant (ie. déclencher l'événement onchange).
Comment puis-je faire IE7 et IE8 respecter le texte-tiret de l'entrée de l'élément de texte à la page de chargement au lieu de sur entrée.l'événement onchange?
pourquoi avez-vous besoin? Peut-être il ya une autre façon.
normalement, je voudrais utiliser padding-left ou à la marge de gauche...mais à cause de quelque chose que je fais, je vais avoir à s'appuyer sur le texte-tiret
à l'aide de quelque chose en dehors de son intention n'est pas conseillé. @Gelogenic dit ci-dessous,
ce champ est uniquement destiné à avoir une ligne. Si je voulais multiligne, je woudl ont utilisé
un
normalement, je voudrais utiliser padding-left ou à la marge de gauche...mais à cause de quelque chose que je fais, je vais avoir à s'appuyer sur le texte-tiret
à l'aide de quelque chose en dehors de son intention n'est pas conseillé. @Gelogenic dit ci-dessous,
text-indent
est destiné à l'indentation de la première ligne. Un inline
élément (comme input
) ne sera pas nécessairement le respect de cette si ce n'est pas le premier élément dans un paragraphe.ce champ est uniquement destiné à avoir une ligne. Si je voulais multiligne, je woudl ont utilisé
textarea
un
input
champ n'est pas différente de celle d'un span
dans ce cas. <p>This is a <input type="text" value="test"/></p>
est (probablement) une ligne de texte. "test"
n'est-il pas propre à la ligne, à moins que le input
est display: block;
Un textarea
élément est un block level
élément (comme un p
tag).
OriginalL'auteur John | 2011-05-06
Vous devez vous connecter pour publier un commentaire.
dans le cas normal, balise input text-indent ne fonctionne pas dans ie6 et ie7
Si l'on ajoute lineheight:1px il va travailler tous les navigateurs
Text-indent va travailler tous les navigateurs
Text-indent ne fonctionnera ie7 et ie6 navigateur
démo
http://jsfiddle.net/KczMR/1/
Merci l'obtention d'entrée de texte caché est dur dans IE
OriginalL'auteur ShibinRagh
Êtes-vous sûr que vous voulez 'text-indent' au lieu de 'margin-left' ou 'padding-left' propriété? Le 'text-indent' propriété est destinée à affecter uniquement la première ligne de texte d'un élément. Vous pourriez avoir plus de chance avec marge ou de rembourrage.
OriginalL'auteur gelogenic