el-input 设置type为number时,隐藏后面上下箭头以及输入文字光标上移的情况

  // 隐藏el-input设置type为num的时候后面的上下箭头
 input::-webkit-inner-spin-button {
    appearance: none !important;
  }

  input::-webkit-outer-spin-button {
    appearance: none !important;
  }

  input[type='number'] {
    appearance: textfield;
  }
  // 解决光标上移
  .el-input__inner {
    line-height: 1px !important;
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16