Домой / Рецепты CSS / Убираем баг отображения Input type=number
Убираем баг отображения Input type=number

Убираем баг отображения Input type=number

Данная проблема отображения 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;
}

Проблема отображения:
Убираем баг отображения Input type=number

После решения проблемы:
Убираем баг отображения Input type=number

Надеюсь вам не пригодится! Но если и возникнет проблема, то решение вы уже будете знать.


Данная проблема отображения input type=number была замечена мной в браузере Firefox. Сама проблема состоит в том, что в браузере Firefox некорректно отображается элемент input с типом number. Решение оказалось очень простое, необходимо добавить в стили CSS код который вы видите ниже ниже: Проблема отображения: После решения проблемы: Надеюсь вам не пригодится! Но если и возникнет проблема, то решение вы уже будете знать.

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.83 ( 6 голосов )
100

Один комментарий

  1. Спасибо за статью, отображалось некорректно и на хроме, вылечила оба браузера

Оставить комментарий

Ваш email не будет опубликован.

*