更改输入类型="文件"上的光标类型

简单问题...如何更改文件输入类型的光标类型？

我尝试过以下方法:

出于某种原因,它不会打球.

它在不同浏览器中的工作方式不 我想这是因为文件输入类型非常特殊.

你使用什么浏览器/版本？

我知道IE6不支持在样式中指定类型.

IE7 +

完美的工作.

火狐

问题是固定的,所以现在它完美地运作.请参阅有关此问题的错误报告.
在3.5版本中它根本不起作用.

Chrome和Safari _{^{(相同的行为)}}

在按钮上方使用箭头,但在其余部分上使用定义的光标.

歌剧

完美的工作.

请注意,有几种解决方法会使用不同的技术来解决此问题.BjarkeCK的答案是我喜欢的一个优雅的解决方案,它适用于所有主流浏览器.

知道这是一个旧线程.但谷歌的结果带来了这个......我刚刚找到了一个部分解决方案的铬(不是invalving flash,javascript,溢出隐藏的额外DOM操作)

firefox修复了这个bug

safari(此时为7)和chrome没有相同的行为

safari(7,mac)对我来说根本不起作用

chrome(现在可能是当它的webkit时可以使用opera)可以使用:: webkit-file-upload-button伪类

.

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}

问题是按钮一般不会继承游标属性(？),而是输入[type = file]字段的其余部分.这就是为什么chrome除了按钮之外还有指针

cursor:pointer仅因为默认按钮而无法对输入文件起作用.这里没有特别的理由.您需要通过此代码删除其外观,注意font-size:0.

input[type='file']{
    opacity: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    font-size: 0;
    position: absolute;
}

/* Chrome/Safari and web-kit-based browsers 
   (if it doesn't work, try maybe also on the parent/wrapper)
*/
::-webkit-file-upload-button {
    cursor:pointer;
}

/* IE11 (if it doesn't work, try maybe also on the parent/wrapper) */
input[type=file] {
    cursor:pointer;
}

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

file

li { /*...*/ position:relative; overflow:hidden; /*...*/ }

input#file_inp { 
    /*...*/ 
    position: absolute; 
    width: 400px; 
    left: -200px; 
    top:0; 
    cursor: pointer; 
    /*...*/ 
}