el-input设置type="number"后,输入中文导致光标错位

76 阅读1分钟

1.解决光标错位问题

<el-input v-model.number="input" type="number" placeholder="请输入内容"></el-input>

.el-input__inner{
    line-height: 1px !important;
} 

2.隐藏输入框后面的上下箭头

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}