SafariとChromeで入力用のrtl cssが正しく機能しない

Question

入力テキストにdirection=rtlを設定しましたが、SafariとChromeカーソル は常に右側に残り、他のブラウザのカーソルは右側にあります。私は何が問題なのか分かりません。

input{ 
 
    direction: rtl; 
 
}

First name:<br> 
 
<input type="text" name="firstname"> 
 
<br> 
 
Last name:<br> 
 
<input type="text" name="lastname">

これはSafariとChromeで動作していないのはなぜ？

CSSの問題ですか？ SafariとChromeをチェックしてください。

ご協力いただければ幸いです。ありがとうございました。

Answer 1

Javascriptを

function rtl(element) 
{ 
    if(element.setSelectionRange){ 
     element.setSelectionRange(0,0); 
    } 
} 

HTML

First name:<br> 
<input type="text" name="firstname" onkeyup="rtl(this);"> 
<br> 
Last name:<br> 
<input type="text" name="lastname" onkeyup="rtl(this);"> 

こちらをクリックしてくださいLive Demo