Safari在输入文件元素中显示图像

Question

我有一个文件上传元素

<input type="file">

当我选择文件时，大多数浏览器（即Chrome和FF）都会显示图像名称。然而，Safari正在显示一个小缩略图。坏野生动物园！

除了Safari之外，我的最终目标是使用psudo元素定制上传按钮。选择图像后，我的按钮中心会出现一个微小的缩略图，我似乎无法摆脱它。

归结为问题：

Safari：

其他人：

添加font-size后的目标：0;：

要把它包起来，我试图阻止的最终产品是：

Answer 1

您可以尝试visibility: hidden;

，而不是将font-size设置为0

我认为，你的＆＃34;选择图像＆＃34;按钮不是输入元素的一部分，因此它仍应显示。

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