Узнать, как создать скрытие стрелок/спиннеры из поля ввода типа «number» используя HTML, 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".