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

Question

I can\'t believe I haven\'t been able to find anything about this problem.

In my new project the future user will have a column with some input type=\"number\"

Answer 1

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.