css text-indent sur l'entrée de texte ne fonctionne pas dans internet explorer 10
je suis en train de personnaliser une saisie de texte avec le css, je veux que le texte à l'intérieur d'une marge de 10px à gauche donc j'utilise:
#text{
text-indent: 10px;
border: 1px solid #333;
outline: none;
padding: 0;
margin: 0;
width: 168px;
height: 20px;
border-radius: 4px;
}
Il fonctionne dans tous les navigateurs, sauf pour IE10 qui semble ignorer la text-indent
bien, comment puis-je résoudre ce problème?
<input type="text" id="text" />
Voir aussi question suivante pour une solution: stackoverflow.com/questions/7797103/...
OriginalL'auteur | 2013-03-27
Vous devez vous connecter pour publier un commentaire.
vous pouvez utiliser padding-left, il fonctionne sur tous les navigateurs:
OriginalL'auteur razzak
Si vous souhaitez utiliser une règle spéciale pour IE, en ajoutant
display: inline-block
et unline-height
, avec latext-indent
règle, va corriger cela. C'est un vieux truc pour les deux IE7-9.Fait le tour.
C'est bien si vous êtes en utilisant un liquide ou réactive largeurs et vous ne voulez pas avoir à ajuster votre entrée de largeur sur le compte de la marge.
Fonctionne également avec display:block.
OriginalL'auteur Yeoj Onacsot