不难懂-----type=number 去掉加减按钮并禁止鼠标滚轮滚动

 

<style> 
 /* 去除webkit中input的type="number"时出现的上下图标 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }
</style>


 <!-- 禁止谷歌浏览器、Opera浏览器以及360浏览器等采用谷歌内核的浏览器 -->
        <input type="number" id="inp1" onmousewheel="return false;">
        <!-- 禁止Firefox浏览器 -->
        <input type="number" id="inp2">
        <script>
            $("#inp2")[0].addEventListener('DOMMouseScroll', MouseWheel, false);
            function MouseWheel(event) {
                event = event || window.event;
                event.preventDefault();
            }
        </script>