方向rtl css导致输入在Safari和Chrome中无法正常工作

时间:2016-08-10 07:13:32

标签: html css

我在输入文字中设置了direction=rtl,但在Safari和Chrome光标中设置了input{ direction: rtl; } 始终留在左侧,其他浏览器光标留在右侧。我不知道这是什么问题。



First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
&#13;
EditingChanged
&#13;
&#13;
&#13;

为什么这在Safari和Chrome中无效?

可能是CSS问题吗?请检查Safari和Chrome。

任何帮助将不胜感激。谢谢你提前。

1 个答案:

答案 0 :(得分: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