Хромированное числовое поле горизонтальной прокрутки

Я создал поле чисел, в котором текст внутри выровнен справа.

UseCase:

Если вы выберите полный текст или, когда вы используете среднюю кнопку мыши внутри поля ввода, чтобы прокрутить, я заметил, что можно прокручивать текст примерно на 1px влево. До сих пор я мог только спровоцировать это поведение в Chrome.

Вы можете увидеть его в действии с помощью этого кода:

<input type="number" value="15" style="text-align: right;" />

Ответ 1

Вы можете использовать text-indent с calc. Например:

html {
 box-sizing: border-box;
}

*, *:before, *:after {
 box-sizing: inherit;
}

input {
  width: 100%;
  text-indent: calc(100% - 1.5em);
  font-size: 1em;
}

https://jsfiddle.net/VilleKoo/u2ead3gz/1/

Ответ 2

Я точно не понял, что вы хотите, но я так думаю <input type="number" style="text-indent: calc(100% - 1.5em);" />