Как правильно стилизовать такой input?

Question

[drtvader]

Добрый день. В макете есть счётчик товара:

Как правильно стилизовать его?
jsfiddle.net/s2a8u0ax/1

Answer 1

[Капитан Какао]

Ну самым простым вариантом будет, задать тип поля number
jsfiddle.net/RadCor/s2a8u0ax/3

Answer 2

[Дмитрий Беляев]

По внешнему виду это input с type="number" из html5
Но у него есть особенность, что стрелочки появляются только при hover/focus
Построен он на shadow-dom внутри браузера, что не очень то дает залезть в эту логику.
Если это все не устраивает, и/или нужна поддержка старых браузеров, то можно посмотреть в сторону input-groups в бутстрап

Comments

[drtvader]

точно, бустрап! Спасибо.

Answer 3

[lacrim]

Вот есть отличные примеры: https://jsfiddle.net/daviddiasfront/um4xyfoo/

Answer 4

[Ivanq]

Вы забыли запятую между .minus и .plus