Safari displaying image in input file element

Question

I have a file upload item

<input type="file">

When I select a file, most browsers (i.e. Chrome and FF) display the image name. However, Safari shows a thumbnail. Bad Safari!

My ultimate goal, which works everywhere except Safari, is to create a custom download button using the psudo element. After selecting the image, a tiny sketch appears in the center of my button, which I cannot get rid of.

To solve the problem:

Safari:

Other:

Purpose after adding font size: 0 ;:

To wrap it here, the final product I am trying to prevent is:

Answer 1

, 0, visibility: hidden;

, " " , .

input[type="file"] {
  visibility: hidden;
}