如何隐藏浏览器默认图片上传按钮？

Question

我在表单上配置图片上传按钮。我有一个绿色的自举按钮，我很满意，但Chrome仍然给我一个默认的灰色，pic上传按钮。

您可以在绿色的“上传项目图片”按钮下方看到灰色按钮。

我搜索了我的代码，但找不到任何隐藏它的方法。我的同事（经验丰富）也不知道。谢谢，如果你能提供帮助。

我发现了这个问题，但我不确定它是否完全相同：

How can I hide a button if JavaScript is disabled?

Answer 1

我认为最好的方法是绝对定位原生元素，然后将其移动到可视屏幕的左侧。然后，您可以制作自己喜欢的自定义提交按钮＆＃34; be＆＃34;通过javascript实际提交。听起来很苛刻，但推荐类似的解决方案不低于Mozilla。

input[type=file] {
  /* original submit tag pushed outside the viewport */
  position: absolute;
  left: -1000em;
}