Html 用于输入的方向rtl css在Safari和Chrome中工作不正常

我在输入文本中设置了

direction=rtl

，但在Safari和Chrome中设置了光标 始终保持在左侧，而在其他浏览器中，光标保持在右侧

输入{
方向：rtl；
}

名字：



姓氏：

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);">

名字：



姓氏：

---

点击这里

阅读这篇@sumit我读了这篇文章，文本是从右到左的，但是光标位置的问题。