input type = "number" работает некорректно в Firefox

Question

Я использую input type = "number" в моем html, и он отлично смотрится в Chrome (v66), но не с Firefox (v60).Вот результаты:

Использование Google Chrome:

---

Использование Mozilla Firefox:

---

Как я могу это исправить с помощью Firefox?

Спасибо!

Answer 1

Chrome и Firefox имеют предварительно созданные визуальные вариации пользовательских форм (и некоторых других вещей).

Лучший способ избежать этого - просто стилизовать свои собственные унифицированные образы с помощью CSS.Например:

input[type="number"] {
   // whatever style you want, i'll go with basic box as an example
   border: 1px solid black;
   width: 50px;
   height: 30px;
}