Как у input[type=number] переместить кнопки редактирования налево?

#css

Тут изображен элемент с полем ввода и слева две кнопки для пошагового изменения значения.
У меня нет никаких идей как реализовать его. Помогите, пожалуйста
    

Ответы

Ответ 1

input {
  direction: rtl;
  /* Направление */
}

input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}





Вот так например можно реализовать, с помощью  direction: rtl;.
Выкинул все лишнее https://jsfiddle.net/Kniha/bgabus9z/4/.