input type="number" 在 Firefox 中工作错误

Question

我在我的 html 中使用了输入 type="number"，它在 Chrome (v66) 中看起来很棒，但在 Firefox (v60) 中没有。结果如下：

使用谷歌浏览器：

---

使用 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;
}