CSS&JS 模仿Excel输入动作

Question

我想问下各位大虾，怎么实现这个效果。输入的时候数字靠左显示，输入完之后数字靠右显示。

Answer 1

input {

  border: 1px solid #ddd;

  text-align: right;

}

input:focus {

  border: 2px solid green;

  text-align: left;

}

刚刚写个例子。。简单粗暴。。戳我

Answer 2

难道这不是获取焦点的时候text-align:left,失去焦点text-align:right吗