//去掉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>
标签：el,elementui,number,光标,webkit,input,def From： https://www.cnblogs.com/xiaoqilaile/p/18099307