Question

您可能知道，您可以使用（hacky）方法在您的自定义按钮上定位文件输入并在文件输入本身上使用opacity: 0来创建自己的文件输入控件。

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

Example

如您所见，虚拟浏览按钮比浏览器（Firefox 4）绘制的按钮大得多。

如果我增加输入的宽度，它似乎达到了不再增加的极限。

Here is a jsFiddle to play with，证明了这个问题。真实浏览按钮的大小应与虚拟按钮的大小相同。

有没有办法解决此问题，或者必须我使用Flash还是缩小按钮？

Answer 1

font-size:70px;