Jquery 自定义输入：文件-防止在Firefox下提交表单 目标

我正在尝试创建/使用一个完全可定制的跨浏览器CSS

input:file

。我将输入隐藏起来，并将其包装在一个按钮中，以便能够在此按钮上应用CSS：

$（'button'）。在（'click'，函数（事件）{
console.log（'button.click'）；
event.preventDefault（）；
event.stopPropagation（）；
$（this.find（'：file'）。单击（）；
返回false；
});
$（':file'）。单击（函数（事件）{
console.log（'file.click'）；
event.stopPropagation（）；
});
$（':file'）.change（函数（事件）{
console.log（'file.change'）；
event.preventDefault（）；
// ...
});
按钮{
位置：相对位置；
溢出：隐藏；
}
按钮>输入[类型=文件]{
位置：绝对位置；
最高：100%；
}

导入文件
您缺少
type=“button”
中的
=
，是否？添加该选项应该会有所帮助。
默认的
类型
是“提交”，这就是它重新加载页面的原因