Как сделать в input number для webkit, чтобы стрелочки были видны не только при наведении?

Question

[GreenMan1899]

В интернете полно ответов, как полностью скрыть их. Но мне нужно, чтобы они показывались всегда, как в firefox. Можно ли вообще так сделать? Или эта штука не кроссбраузерна?

Answer 1

[Максим]

смотри 2 пример
htmlcss.ru/skript_input_pljus_minus

Comments

[Ankhena]

Добавлю (для 2 примера):
тип инпута ставить все таки number, а стрелочки скрывать.
Потому что для этого типа с мобильников откроется клавиатура с цифрами, а не полная текстовая, что удобнее.

[Максим]

Ankhena W: можно и в текстовом поле заблочить это https://jsfiddle.net/qugyrnd2/

[Ankhena]

Максим: Прочитайте, пожалуйста, внимательно мой комментарий. Если поле текстовое - клавиатура будет текстовая, если number -то цифровая.

[Максим]

Ankhena W: да ты прав.