How to Disable Input type Number Field Arrows from CSS?

Turn Off or hide HTML5 Input Number Spinners 

In HTML5 input type number Desktop browsers add little up and down arrows to number inputs called spinners.

With the help of this up ad down arrow you can increase or decrease input values. But most time we need input number but don’t want to see this spinners or arrow.

Most of time its look very odd , You can turn them off visually or disable them like this:


This code is working fine in Chrome, Opera, Mozilla and other modern desktop browser.




About Vijay Dhanvai

A passionate blogger by heart and mind, I have been working in this field for 7 years now. A WordPress Professional, web developer and designer who intends to guide his readers about Web Design, WordPress, Blogging, Web Development, and more.

Leave a Reply