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

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;
}