如何隱藏瀏覽器的默認圖片上傳按鈕？

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; 
}