CSS:如何使光标成为输入文件的指针?

当您将鼠标hover在光盘上时,如何使光标成为输入文件或输入文本的指针?

我的尝试,但它当然不起作用,

 

或者我必须使用javascrip(jquery)??

编辑:

对不起我的错误 – 光标确实变为了一个点

  

但不是

  

您可以在Firefox上测试此链接 ,然后您就会明白我的意思。

只有file button变为指针而不是fileinput field

编辑2:

这是我的CSS’hack’,

 

无法做到。 输入类型文件是浏览器受保护最多的对象之一。 某些浏览器允许您比其他浏览器做更多的事情,具体取决于他们认为“安全”的内容。

您可以使用闪光按钮。 实际上,有一些非常好的插件可以使文件上传更好,例如Uploadify 。

你可以做这个丑陋的jQuery黑客:

 $('input:file').each(function(){ var $input = $(this); $input.before($('
').height($input.height()).width($input.width()).css( { cursor: 'pointer', position: 'absolute', zIndex: $input.css('z-index') }).click(function(){ $(this).hide(); $input.click(); $(this).show(); })); });

但是它会阻止您在按钮元素上进行操作时通常会看到的动画。 的jsfiddle

不,那就是你做的。 比较这里 。

您可以改为放置图像,并按照以下方式执行:

HTML:

   

JQuery的:

 $("#upfile1").click(function () { $("#file1").trigger('click'); }); 

CAVEAT :在IE9和IE10中,如果您通过javascript触发文件输入中的onclick,表单会被标记为“危险”并且无法使用javascript进行下限,不确定是否可以提交传统。

您可以尝试使用输入类型“file”的任何包装器。

  

检查一下…… http://jsfiddle.net/pFK74/