入力タイプ=「ファイル」私はこれを行う場合は、ボタン

Question

に囲まれたときに、Firefoxで動作していない：

<input multiple="multiple" type="file" id="upload_titlebar_logo_live" name="upload_titlebar_logo_live" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer;" /> 

すべては、すべてのブラウザ間で素晴らしい作品。私はこれを行う場合は

は：

<button class="success expand radius"> 
    <span id="save_image_titlebar_logo_live">Upload image</span> 
    <input multiple="multiple" type="file" id="upload_titlebar_logo_live" name="upload_titlebar_logo_live" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0" /> 
</button> 

すべてがすべてのブラウザのFirefox除く渡って素晴らしい作品。ボタンをクリックすると、ファイルダイアログが表示されません。

アイデア？回避策はありますか？

（それが問題であるならば、私は、同様財団とバックボーンを使用していますが、これは、これらのフレームワークとは無関係であると思われる）

Answer 1

は、実際の代わりに割り当てられた「ボタン」クラスでdiv要素を使用してみてくださいこれはボタンがスタイリングのためだけのものであるようです...

<div class="button success expand radius"> 
    <span id="save_image_titlebar_logo_live">Upload image</span> 
    <input multiple="multiple" type="file" id="upload_titlebar_logo_live" name="upload_titlebar_logo_live" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0" /> 
</div>