Input框Number类型去除框内自带的加减按钮

使用  <input type="number"  value="1" /> 会自带加减按钮，但是并不需要这个按钮，大多是时候都是另外写新的按钮。

 

 去掉自带的加减按钮，只需添加一段css代码。

<style>
    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
    }
</style>

效果如下：