Как сделать - скрыть стрелки от номера ввода
Узнайте, как удалить стрелки/спиннеры из номера типа ввода с помощью CSS.
Попробуйте навести курсор на оба ввода чисел, чтобы увидеть разницу:
Скрытые стрелки:
Дефолт:
Примечания по функциональности: по-прежнему возможно увеличивать число, когда вы прокручиваете ввод числа.
Удалить стрелки/спиннеры
Пример
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
Совет: перейдите к нашему учебнику по HTML-формам, чтобы узнать больше о HTML-формах.
Совет. Перейдите к нашему справочнику по вводу HTML type="number" , чтобы узнать больше о вводах с type="number".