How to Remove the Arrows From Input[type=”number”]
Whenever we take a form, we take input field in it and give [type = “number”] in it for number validation of the queue.
When a user comes to fill the form, only the number is typed, then [type = “number”] is given but by giving [type = “number”] these arrows come by default.
Today we will see how to remove the arrow.
We have given a code below, we will add it to your CSS File.
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
Here below is the example. how to add code.
Example:-
Remove the Arrows From Input
How to Remove the Arrows From Input[type="number"]