有没有办法在文件输入更大的跨浏览器上制作原生`browse`按钮?

ale*_*lex 9 css file-io

您可能知道,您可以使用(hacky)方法创建自己的文件输入控件,将文件输入定位在自定义按钮上并使用opacity: 0文件输入本身.

下图显示了预期的设计,文件输入绝对位于浏览按钮上方.

例

如您所见,虚拟浏览按钮比浏览器(Firefox 4)绘制的按钮大得多.

如果我增加输入的宽度,它似乎达到一个不再增加的限制.

这是一个可以玩的jsFiddle,展示了这个问题.在真正的浏览按钮应该是大小的人造一个相同的.

有没有办法解决这个问题,还是我必须使用Flash或缩小按钮?