如何讓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>

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