text-align: right; seulement pour l'espace réservé?
comment peut-active text-align: right;
seulement pour l'espace réservé?
<input type="text" name="airline_search" style="direction: ltr; border: none;" placeholder="ارلاین">
je veux utiliser de direction: ltr;
de texte(tapé à inpute), et text-align: right;
pour l'espace réservé.
Vous devez vous connecter pour publier un commentaire.
Ou essayez avec un
:focus
événement:De cette façon, tout l'espace réservé même codé en dur aura lieu sur la droite, et le texte que vous tapez si elles mettent l'accent se trouve sur la droite.
D'autre part, quand vous perdez le focus, l'alignement devient de nouveau à droite.
Il est préférable de définir de style CSS pour l'espace réservé comme @Hnatt mentionné. Je l'utilise par la définition des orientations et une liste complète de sélecteur connu des navigateurs est
Espérons que cette aide. Veuillez marquer comme réponse si ce n'est.
en ligne-jquery
Démo
Le poste de Villosités Katrih est droite, mais la miss dans la direction. Vous devez utiliser:
direction: rtl;
text-align: left;
'direction' affecte le texte de l'espace réservé de placement, tandis que 'text-align' affecte le contenu de l'entrée.
HTH.
::espace réservé
pseudo-élément est encore un projet de travail et il a un nombre très limité de propriétés CSS prises en charge.Pas de Propriétés supplémentaires sont indiqués, mais il a été noté gens aimeraient
text-align
à être pris en charge.Donc, à partir de la taille relativement petite de la liste des propriétés prises en charge (trouvé ici), la seule façon vous pouvez obtenir ce serait le cas si votre texte de l'espace réservé est seulement un mot long.
Cela vous permettra de profiter de la prise en charge
word-spacing
bien en le faisant précéder d'un caractère, puis le cacher.C'est probablement ce qui ne fonctionne pas car il n'a pas utiliser le navigateur de préfixes.
CSS:
HTML:
Cela devrait fonctionner
CSS:
HTML:
Mais comme les navigateurs prennent en charge chose qu'ils ne devraient pas et ne supportent pas la chose qu'ils doivent vous pourriez tout simplement de l'essayer.
Ce n'est pas censé fonctionner .
CSS:
HTML:
FYI
direction: ltr;
gère la position du curseur et le flux de texte, comme un espace réservé n'est pas un curseur ou en texte modifiable, il l'habitude de faire quoi que ce soit.avez-vous essayez de l'ajouter dans le style?
ou juste mettre un en dehors de la div comme ceci:
devrait fonctionner.
Vous pouvez utiliser ce code.
Par cela, Vous pouvez utiliser de l'entrée dans la vraie direction d'automobile et de profiter de l'utilisation correcte du rtl espace réservé.
JS:
CSS:
HTML: