如何讓input number類型的標籤不產生上下加減的按鈕

以前用 input type="number" 來放數字框，發現有個上下加減的東西，感受不太好

這個容易出現0 而後減爲負數

這種狀況下怎麼去掉右邊的那個上下加減的小按鈕呢？前端同事告訴我加一點css就好了

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

果真這樣一加，就沒有了。