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

Question

我在窗体上配置图片上传按钮。我有一个我很满意的绿色引导按钮，但Chrome仍然给我一个默认的灰色图片上传按钮。

你可以看到绿色的“上传工程图片”按钮下方的灰色按钮。

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

我发现了这个问题，但如果它是完全一样的问题，我不知道：

How can I hide a button if JavaScript is disabled?

Answer 1

我认为最好的办法是将本地元素绝对定位，然后远远将其移动到左侧的可视屏幕。然后，您可以使您的花哨自定义提交按钮“是”通过JavaScript实际提交。听起来很不可靠，但建议使用类似的解决方案，不得低于Mozilla。

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