ファイル参照のボタンを画像で置き換えるために<label for="...">を使用しましたが、formタグに囲まれている場合は、想定通り動作しません。(クリックしてもファイル選択ダイアログが立ち上がらない)
IE(IE11)では動作しませんが、chromeやfirefoxでは動作することは確認しました。
<form> <label for="file"> <img src="hoge.png" alt="クリックできない" style="cursor: pointer;"> <input id="file" type="file" style="display:none"> </label> </form>
調査してみたところ、formタグに囲まれているのが影響しているようです。
formタグに囲まれていない場合は、想定通り動作します。
<label for="file2"> <img src="hoge.png" alt="クリックできる" style="cursor: pointer;"> </label> <input id="file2" type="file" style="display:none">
formタグ内かつ、IEに対応するためにはjavascriptを記述するしかないのでしょうか。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/24 10:12