Input框Number類型去除框內自帶的加減按鈕

使用  <input type="number"  value="1" /> 會自帶加減按鈕，但是並不需要這個按鈕，大多是時候都是另外寫新的按鈕。

 

 去掉自帶的加減按鈕，只需添加一段css代碼。

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

效果如下：