1、解决右侧上下箭头
<style>
input[type='number'] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;margin: 0;
}
</style>
2、取消默认滚轮事件
<!-- 解决谷歌浏览器等采用谷歌内核的浏览器 -->
<input id="test" type="number" name="mouseStop" onmousewheel="return false;">
<script>
//Firefox
$("#test")[0].addEventListener('DOMMouseScroll', MouseWheel, false)
function MouseWheel(event) {
event = event || window.event
event.preventDefault()
}
</script>