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吗