How to Remove the Arrows From Input


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"]


Leave a Comment