我可以使用什么CSS来使HTML文件字段透明？

Question

我想<input type='file'>在图像上重叠,以便当用户点击它时,文件上传对话框打开,图像通过AJAX上传.

因此,我希望CSS以这样一种方式设置字段的样式,即只有浏览按钮可见(没有关联的框),或者甚至更好,只有透明按钮可见,重叠文本如"更改照片",没有别的.

需要继续努力:

• FF 3+
• IE 7+(pref 6+)
• Chrome 5+
• Safari 3+
• Opera 9+

Answer 1

文件输入不透明度测试=> http://www.jsfiddle.net/steweb/LVjFy/ ..将其不透明度设置为0,它完全透明但可点击!

img和透明文件输入的另一个例子=> http://www.jsfiddle.net/steweb/LVjFy/2/

编辑(+ js,模拟文件输入点击):http://www.jsfiddle.net/steweb/LVjFy/6/ ..不需要设置不透明度(EDIT2需要测试,不适用于FF )