How can I add padding-right to an input type=”number” when aligning right?

August 2, 2023 by Tarik

Rather than using padding-right use the following CSS

input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button { margin-left: 20px; }

and for Firefox above solution won’t work, so the best solution is just to hide it :

input[type=number] {
    -moz-appearance:textfield;
}

or you can try to “play” with some jquery plugin.