Safari显示：无

Question

如果我使用css属性display: none隐藏它，Safari就不会打开元素！它适用于所有其他浏览器。

这是我的HTML：

<div id="f" class="btn">Select Image</div>
<input type="file" id="file" style="display:none;" name='athletes_imageid'  value="" /> 

现在在我的jquery中，我想点击那个＆＃34;选择图像＆＃34;打开id="file"。 <div>：

$("#f").click(function() {
    $("#file").click();
});

Answer 1

设置type ='hidden'不要使用样式。

**编辑：**

尝试：

#file {
   height: 0;
   visibility: hidden;
   width: 0;
}

Answer 2

你可以删除display:none并添加以下CSS，这是我所知道的最简单，最跨浏览的方式：

#file {
    height: 0;
    position: absolute;
    width: 0;
}

我不能为你提供jsfiddle，因为它似乎不支持我的safari版本;）

Answer 3

试试这个

<div id="f" class="btn">Select Image
    <input type="file" class="file" name='athletes_imageid'  value="" />
</div>

代表风格

.btn{
    position: relative;
}
.file{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
}