Removing element from an input field

screen_shot_2020-10-09_at_11.10.08_am

How do you remove the up/down arrow from a number input field?

This is added by many browsers, you can target this via CSS to remove.
Here is a snippet that should do the trick.

/* HIDE NUMBER ARROWS */
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] {
    -moz-appearance:textfield;
}