ファイル入力時にネイティブ `browse`ボタンをクロスブラウザより大きくする方法はありますか？

Question

ご存じのように、ファイル入力をカスタムボタン上に配置し、ファイル入力自体にopacity: 0を使用する（ハッキーな）アプローチを使用して、独自のファイル入力コントロールを作成できます。

以下の画像は、ファイル入力がブラウズボタン上に絶対配置されている意図したデザインを示しています。

あなたが見ることができるように、フェイク参照ボタンは、ブラウザ（Firefoxの4）が描かれているものよりもはるかに大きいです。

入力の幅を大きくすると、それ以上大きくならない限界に達しているようです。

Here is a jsFiddle to play withこの問題を実証しています。 リアル参照ボタンは、偽のものと同じサイズである必要があります。

これを取り除く方法はありますか？はでなければなりません。フラッシュを使用するかボタンを小さくしますか？

Answer 1

font-size:70px; 

http://jsfiddle.net/rH5SY/9/