Quick (and potentially dirty) CSS fix for getting rid of “spinners” in input boxes that are type=”number” using a class to restrict the change to just one input element instead of every input in your app.
These little arrows look different on every browser (or they used to, anyway – they look pretty consistent across Chrome, Firefox, and Safari nowadays). There’s no one-size-fits-all fix for hiding them because different browsers handle them differently.

Anyway, here’s the code I’ve recycled across a couple projects now to get rid of them:
JSFiddle: https://jsfiddle.net/faz7wm43/1/
Tested in Firefox 31, Chrome 48, Safari 9.0.3 on Mac and Chrome 48 on iPhone.
/* hide up/down arrows ("spinners") on input fields marked type="number" */ .no-spinners { -moz-appearance:textfield; } .no-spinners::-webkit-outer-spin-button, .no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
Put the no-spinners class on your input themselves.
<input type="number" class="no-spinners"/>
Full disclosure: I didn’t test this on IE.