をカスタマイズするためにinput file、次の方法で非表示にしました。
input[type="file"]{display:none;}
その背景を入れましたlabel：
label.uploadfilelabel {background-image:url(../image.jpg);}
このアプローチは問題なく機能しますが、別の問題が発生しました: キーボード タブがこのボタンとそのラベルで停止しません。私は結果なしで使用tabindex="0"してみました。この隠しボタンのキーボードタブを止める方法はありますか?
もちろん、私は純粋なCSSソリューションを好みますが、javascript ソリューション ( なしjQuery) も受け入れられます。
共有してくれてありがとう
更新:これが問題のフィドルです。テストしましたが、IE と FireFox では動作しますが、Chrome では動作しません