Take the 2-minute tour ×  Is there a consistent way across
browsers to hide the new spin boxes that some browsers (such as
Chrome) render for HTML input of type number? I am looking for a
CSS or JavaScript method to prevent the up/down arrows from
appearing.  <input id="test" type="number"/> share|improve this
question Can you post an example of the code you're using? A
screenshot would be great as well so we know what you're looking
at. I'm looking at <input type="number" min="4" max="8" /> in
Chrome and seeing a typical input field with up and down arrows
on the side. –  calvinf Sep 24 '10 at 21:09 You are seeing
exactly what I am seeing. I am trying to keep the type=number
markup to ensure that mobile browsers bring up an appropriate
keyboard, and prevent the up and down arrows from appearing in
computer browsers. –  Alan Sep 27 '10 at 11:47 add comment  7
Answers  up vote 218 down vote accepted  This CSS effectively
hides the spin-button for webkit browsers (have tested it in
Chrome 7.0.517.44 and Safari