可能是文件输入上的Jquery-Cursor指针?

在我测试过的每一个浏览器(Chrome、FF和IE)中都没有,即使是包装在具有cursor属性的父元素中也没有。可能是出于安全原因,用自定义游标或空游标或其他什么东西来抢先搞鬼。

你可以把 a transparent DIV on it 并给予 当然,cursor属性,但输入字段将不再可单击。

我认为你想做的是不可能的。

不过,这里有一个可行的解决方法: http://jsfiddle.net/tPvJJ/10/

只在Safari中测试过,但我不明白为什么它不能在其他浏览器中工作。

HTML格式

<form id="up_1" name="up_1" action="" enctype="multipart/form-data" method="post">
    <input id="file_input" type="file" name="file_input" style="opacity: 0.2;">

    <div id="ico_hdd" style="cursor: pointer;">
        <img src="http://img834.imageshack.us/img834/9831/iconhdd.png"> 
    </div>

</form>

JS公司

$(function() {
    $('#ico_hdd').click(function(e){
        $('#file_input').trigger('click');
    });
});

创建可单击浏览器按钮的唯一方法是…“闪光”。

http://imageshack.us/

适用于FF、Chrome和IE 7、8、9

HTML格式

<input id="file_input" type="file" name="file_input" style="visibility:hidden;">
<div id="ico_hdd" style="cursor: pointer;"> <img src="http://img834.imageshack.us/img834/9831/iconhdd.png"> Dodaj plik </div>

$('#ico_hdd').on("click", trigbutton);
function trigbutton(){
$('#file_input').trigger('click');
}

您可以尝试代替输入类型“file”的任何包装。

<label for="photo"><span class="button">CHOOSE A FILE</span></label>

http://jsfiddle.net/pFK74/