html - input type="number" 在 Firefox 中工作错误
问题描述
我在我的 html 中使用了输入 type="number",它在 Chrome (v66) 中看起来很棒,但在 Firefox (v60) 中没有。结果如下:
使用谷歌浏览器:
使用 Mozilla 火狐:
我怎样才能用 Firefox 修复它?
谢谢!
解决方案
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;
}