CSS-有没有办法使文件输入上的本机“浏览”按钮更大的跨浏览器?

如您所知,您可以使用(hacky)方法(将文件输入放在自定义按钮上)并在文件输入本身上使用opacity:0来制作自己的文件输入控件.

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

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

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

Here is a jsFiddle to play with,说明了问题.真正的浏览按钮的大小应与人造浏览按钮的大小相同.

有没有办法做到这一点,还是必须使用Flash或使按钮变小?

最佳答案

转载注明原文:CSS-有没有办法使文件输入上的本机“浏览”按钮更大的跨浏览器? - 代码日志