Input type number remove arrows

How to remove or hide arrows from input[type=number] fields.

Code for plain CSS:

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

Code for SCSS:

input[type='number'] {
-moz-appearance: textfield; // For FireFox
&::-webkit-inner-spin-button { // For Webkits like Chrome and Safari
-webkit-appearance: none;
margin: 0;
}
}