原文地址:https://www.cnblogs.com/dyy-dida/p/11496588.html
1.隐藏上下箭头CSS样式
<style>
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
-webkit-appearance:textfield;
}
input[type="number"]{
-moz-appearance:textfield;
}
如果以上代码不起作用就用
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
input[type="number"]{
-moz-appearance: textfield;
}
</style>
2、禁用滚轮
<el-input type="number" v-model="inputNumber" @wheel.native.prevent="stopScrollFun($event)"></el-input>
//方法
stopScrollFun(evt) {
evt = evt || window.event;
if(evt.preventDefault) {
// Firefox
evt.preventDefault();
evt.stopPropagation();
} else {
// IE
evt.cancelBubble=true;
evt.returnValue = false;
}
return false;
}