elementui组件el-input 类型为number时，去掉上下箭头，并且解决输入中文后光标上移问题

//去掉number输入框的上下箭头
.def-input-number input::-webkit-outer-spin-button,
.def-input-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.def-input-number input[type="number"]{
  -moz-appearance: textfield;
}
// 解决input number框输入中文后光标上移的问题
.def-input-number .el-input__inner{
  line-height: 1px !important;
}

使用方法

给input添加类名，然后针对number类型的input框写上如上的css样式即可

<el-input class="def-input-number" type="number" style="width: 200px" v-model.number="formData.num" placeholder="请输入包装数量"></el-input>