[HTML] Way to remove the arrow button at input tag that number type

<input type="number" class="number-input">

When you using the input tag with number type, you can see the up/down arrows on the right side of input tag..

Like this ..

If you don't like this arrows, you would add the styles in css like this ..

.number-input::-webkit-outer-spin-button,

.number-input::-webkit-inner-spin-button {

-webkit-appearance: none;

margin: 0;

}

You can find the manuals here..

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-inner-spin-button

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-outer-spin-button