基本的に、ファイルのアップロード等で使用するフォーム要素として 『input』要素の『type="file"』がありますが、 ファイル選択ボタンや、ファイル名表示エリアの位置やデザインは 基本的にブラウザ依存で、中々デザインを当て込むのは困難です。 デフォルトで適用されるデザインは、 IEやFirefoxはファイル選択ボタンがファイル名表示エリアに対して右側ですし、 ChromeやSafariはファイル選択ボタンがファイル名表示エリアに対して左側です。 ファイル未選択字のデフォルトメッセージ(『ファイルが選択されていません』等)も 言葉が異なっていたり、そもそも表示が無い等まちまちです。 これだけブラウザによって異なれば、 そのままデフォルトで使用すると 他のデザインとのバランスが悪くなったりして、 どうしてもデザインを入れたいパターンが出てくる場合があります。 また、ブラウザ依存のデザイ
![【jQuery】ファイル選択フォームデザインのカスタマイズ方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f2c5aaa01ca10334afe1bac5d4aaffe809e1de5/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEgPRISRlvj1d2PefWPUtB2TlJCNmV43ACjb3eym5R75apvQ9Laa5LSRbeR9ps4kSbMdvxaVqWYX8t2aQlPITiiN_pqPOAboDXf1sJf5QnBHOOlmIT0OTPI4r_qoeDC1nG44acb5QkaatQ%2Fw1200-h630-p-k-no-nu%2Ftop.jpg)