从右到左的数字输入

Question

我想创建一个输入，其中数字从右到左输入，但文本右对齐。我玩dir属性和text-align，但到目前为止没有运气。

这是jsfiddle。

<input type="number" dir="rtl">

Answer 1

您需要在css中处理此问题。

您的小提琴在此处更新：https://jsfiddle.net/o0o0xq2s/4/，但相关代码为：

HTML

  POST /signIn 200 68.854 ms - 120
  [ { _id: '11111', pass: '12345', tipo: 'estudiante' } ]
  null
  undefined

  /home/diego/Tesis/App/routes/login.js:86
    var user = req.session.data;
                          ^
  TypeError: Cannot read property 'data' of undefined
   at /home/diego/Tesis/App/routes/login.js:86:31
   at process._tickCallback (node.js:448:13)

CSS

<input class="right" type="number">
<br/>
I'd like the numbers to be left aligned so the digits grow to the  right as I type :(

此处还有一个较旧的堆栈溢出示例：writing reverse in the textbox

Answer 2

您是否需要在计算器上输入值时发生的事情？ 如果是，请尝试以下操作：

8.43

Answer 3

这是小提琴。 https://jsfiddle.net/pbgjtgm8/

使用方向和文本对齐属性。

<input class="right" type="number">
    .right {
        direction: rtl;
        unicode-bidi: bidi-override;
        text-align: left;
    }