Safari在输入文件元件

Question

示出图像I有一个文件上传元件

<input type="file"> 

当我选择一个文件大多数浏览器（即铬和FF）显示的图像名。然而，Safari浏览器正在显示一个小缩略图。糟糕的Safari

我的最终目标是在Safari上运行，这个目标是使用psudo元素自定义上传按钮。选择图像后，我的按钮中间出现了一个小缩略图，我似乎无法摆脱它。

归结问题：

Safari浏览器：

其他人：增加字体大小后

目标：0;：

为了这里的包起来我试图防止的最终产品：

Answer 1

而不是设置字体大小为0，你可以尝试visibility: hidden;

我假设你的“选择图像”按钮不是输入元素的一部分，所以它仍然应该显示。

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