How to remove input type number spinner

input type number spinner

Are you wondering how to remove input type number spinner on HTML5?

There is a little up and down arrow in a text field that increase and decrease number, they are commonly used in eCommerce sites like woocommerce.

spinner

They call it spinners.

 

To remove it copy and paste this code in your CSS file.

Removing input type number spinner:

When the spinner is remove you can still increase and decrease the number by using the wheel of your mouse.