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

时间:2016-01-12 08:25:27

标签: browser default conflict

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

Default picture upload button

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

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

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

How can I hide a button if JavaScript is disabled?

1 个答案:

答案 0 :(得分:1)

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

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