How to remove arrows from input type number

In this post i am going to show you How to remove arrows from input type number by CSS.

input type="number"

You just need to add this code in style file eg – style.css

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}