私の Web サイトでは、アラビア語のサポートを提供する必要があります。その一部は、ユーザーが入力したときに新しい文字が左側に追加され、テキストが右揃えになる入力テキスト ボックスを提供することです。
CSSプロパティを
text-align:right
カーソルを左に移動させて文字を追加することができなかったので、うまくいきませんでした。そこでそのプロパティを削除して追加しました。
direction:RTL
ここでは、カーソルが左に来て、テキストが右揃えになっています。しかし、新しく追加された文字は左に追加されませんでした。代わりに、右端にのみ追加されていました。
これを修正するにはどうすればいいでしょうか? 助けてください。
たとえば、Google アラビア語ページの検索ボックスを参照してください。派手なキーボードアイコンなどではありませんが、正確な動作が必要です。http://www.google.com/webhp?hl=ar
ベストアンサー1
入力に dir="rtl" を使用できます。サポートされています。
<input dir="rtl" id="foo"/>