Replace Spinners on HTML5 Int Fields

This example shows you how to remove the spinners (example below) from HTML5 number fields.

/* remove spinners from integer fields */
input[type='number'] {
    -moz-appearance:textfield;
    text-align:right;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}      

Try it here on CodePen: https://codepen.io/mknebel/pen/yLXwZQy