el-input number类型右侧加减隐藏和中文光标偏移

1. 场景

当 el-input 的 type 为 number 时，右侧的加减号会显示，但是有时候我们不需要这个加减号，比如只需要输入数字，不需要加减号，这时我们需要隐藏加减号。另外，当 el-input 的 type 为 number 时，输入中文时，光标会偏移，这时我们需要解决这个问题。

2. 解决方案

添加一下样式即可解决上述两个问题：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
::v-deep .el-input {
  input[type="number"] {
    padding-right: 0px;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    // 解决el-input设置类型为number时，中文输入法光标上移问题
    line-height: 1px !important;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
}