How to hide increment arrows on number fields

Is there a way to prevent the increment/decrement arrows in a number input field from showing in a prototype? Fields that only allow users to input numbers will not have these arrows in our final product and users are being confused or tripped up by them during usability testing.

As mentioned here: https://forum.axure.com/t/numberfield-improvement/56291, it can be a useful feature sometimes, but not in our case.

If it isn’t possible to hide these arrows, can you please add it to the backlog?

Thanks.

Nope, it’s implemented by the browser and will vary among each. If you use type="number" this is what you will get. This isn’t an Axure issue, it’s a browser issue. What Axure could do is allow us to set the inputmode attribute in addition to type.

What you could do, however, is just place a white rectangle over where they appear and try to hide it.

When it comes time for your developers to implement it, they will probably use type="text" inputmode="numeric" which is, I believe, the preferred way of doing it these days (depending on your browser targets).

Thanks, nkrisc. Good stuff.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.