how to Hide arrows in input type number | Solution

 

<input type="number" > Is a default arrow by system so you need below css and you can remove arrow of the input type. its very easy to remove input type. 

Before Input Field 

After Added CSS Input Field

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin: 0;

}