1.入力タイプ=「数」で上下の矢印を削除
<style>
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
-webkit-appearance:textfield;
}
input[type="number"]{
-moz-appearance:textfield;
}
</style>
2.無効入力デジタルホイールイベント
<input type="number" onmousewheel="stopScrollFun" onDOMMouseScroll="stopScrollFun"/>
function stopScrollFun(evt) {
evt = evt || window.event;
if(evt.preventDefault) {
// Firefox
evt.preventDefault();
evt.stopPropagation();
} else {
// IE
evt.cancelBubble=true;
evt.returnValue = false;
}
return false;
}
3.マウスのスクロールを停止するEL入力プラス@ mousewheel.native.preventに、素子UI +のVUEを使用して
<el-input type="number" @mousewheel.native.prevent />
4.無効と下向きの矢印に必要に応じて、次のように採用することができます
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}