输入方向rtl问题与非字母数字

Question

我不知道它是否是input元素的direction=rtl属性的行为。当我尝试写字母或数字时，它以所需的方式工作，但每当我输入非字母数字字符时，该字符就会出现在输入值的开头，如果我输入任何字符，则输入之前输入的非字母数字字符自动放置在所需的位置。

我的意思是：

Entered a -> a
Entered ! -> !a
Entered a -> a!a
Entered @ -> @a!a
Entered a -> a!a@a

这是jsFiddle。这是正常的行为，背后的原因是什么？有时，backspace和delete也无效。

Answer 1

使用text-align: right;代替direction: rtl