Spinner in Input Number on the left side

Question

Is it possible to style the spinner in a

<input type="number"/>

to be on the left side instead of the default right?

Answer 1

Yes you can do that. All you have to do is add a direction property to the element and you're done.

<input dir="rtl" type="number"/>

good luck with that .

Answer 2

On Chromium-based browsers you can use this non-standard trick, which will not affect the position of the negative sign.

[type=number]::-webkit-textfield-decoration-container {flex-direction: row-reverse}