Is there a way to remove the increase/decrease arrows in input type="number" for textboxfor?

Question

Is there any way to remove these in input (type="number")?

<input type="number" />

It's for the users to input their phone numbers.

this

Answer 1

This can be done through CSS if you wish,

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

<input type="number" />

Hope this helps!

Answer 2

Just these was enought for my code.

.input[type=number] {  
   &::-webkit-inner-spin-button{ display: none; }
   -moz-appearance:textfield;
}