html - 输入的方向 rtl css 在 Safari 和 Chrome 中无法正常工作

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 问题？

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