CSS:如何使光标成为输入文件的指针?
当您将鼠标hover在光盘上时,如何使光标成为输入文件或输入文本的指针?
我的尝试,但它当然不起作用,
或者我必须使用javascrip(jquery)??
编辑:
对不起我的错误 – 光标确实变为了一个点
但不是
您可以在Firefox上测试此链接 ,然后您就会明白我的意思。
只有file
button
变为指针而不是file
的input 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进行下限,不确定是否可以提交传统。