Данная проблема отображения input type=number была замечена мной в браузере Firefox. Сама проблема состоит в том, что в браузере Firefox некорректно отображается элемент input с типом number.
Решение оказалось очень простое, необходимо добавить в стили CSS код который вы видите ниже ниже:
input[type='number'] { -moz-appearance:textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
Проблема отображения:
После решения проблемы:
Надеюсь вам не пригодится! Но если и возникнет проблема, то решение вы уже будете знать.
Обзор
Проголосуйте за урок
Оценка
Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!
Спасибо за статью, отображалось некорректно и на хроме, вылечила оба браузера