Как я могу добавить padding-right к входу type = «number» при выравнивании вправо?

Я не могу поверить, что я не смог найти ничего об этой проблеме.

В моем новом проекте у будущего пользователя будет колонка с некоторымиinput type="number"и как числовые поля (нет ни одногоtext1) Я хочу, чтобы числа были выровнены вправо.

Я нашел цифры слишком близко к стрелкам, поэтому, по логике, я добавил к нимpadding-right.

К моему удивлению, кажется, я не могу немного отделить числа от стрелок.padding-right перемещает стрелки по номерам.

В основном толькоOpera сделатьpadding правильный путь. но не остальные 3 основных браузера, которые я тестировал, как вы можете видеть на картинке ниже.

Так. Есть ли способ отделить числа от стрелок, чтобы он работал хотя бы вFirefox а такжеChrome (как мы рекомендуем для нашего веб-приложения эти 2 браузера?)

a JSFIDDLE с простым примером

Ответы на вопрос(4)

Ваш ответ на вопрос