Number input: удаляем стрелки и блокируем изменение чисел с клавиатуры

И так, у нас есть поле типа number. Наша задача: блокировать изменение чисел в input при помощи скролла мыши и клавиш вверх, вниз на клавиатуре. А также спрятать стрелочки управления цифрами в самом поле.

Основная работа ляжет на js.

• Блокируем скролл, когда курсор фокусируется на инпуте.
• Восстанавливаем скроллинг при помощи мыши.
• Блокируем клавиши 38,40. Которые собственно и отвечают за инкремент и декремент чисел в поле input.

jQuery скрипт:

CSS сниппет:

Просто прячем стрелочки.