1,css不显示右侧按钮
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: textfield;
}
input[type="number"] {
-moz-appearance: textfield;
}
2,js方法
function Mouseroll_Number() {
//追加方法
$("input[type='number']").attr("onmousewheel", "stopScrollFun()");
$("input[type='number']").attr("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, 引用
<script type="text/javascript">
Mouseroll_Number();//禁止number类型标签滚动
</script>