input type=file を画像に置き換えます

Question

多くの人と同じように、私も醜い input type=file をカスタマイズしたかったのですが、ハックや javascript がなければそれができないことはわかっていました。ただし、問題は、私の場合、ファイルアップロードボタンは画像（jpeg|jpg|png|gif）をアップロードするためだけであるため、「clickable」を使用できるかどうかを知りたいということです" 画像は入力タイプのファイルとまったく同じです (ダイアログ ボックスが表示され、送信されたページには同じ $_FILE が表示されます)。

ここでいくつかの回避策を見つけましたが、これも興味深いものです (ただし、Chrome =/ では機能しません)。

ファイル ボタンにスタイルを追加したい場合、どうしますか?これについてご意見がございましたら、回答ボタンを押してください ;)

Answer 1

これは私にとってはうまくいきます:

リーリー リーリー

基本的に、ラベルの for 属性により、ラベルをクリックすることは、指定された入力をクリックすることと同じになります。 また、表示プロパティを none に設定すると、ファイル入力がまったくレンダリングされなくなり、きれいに非表示になります。

Chrome でテスト済みですが、Web によれば、すべての主要なブラウザで動作するはずです。 :)

＃＃＃＃＃＃編集：＃＃＃ JSFiddle がここに追加されました:

https://jsfiddle.net/c5s42vdz/