AndroidのブラウザでDisplay:noneしたやつのclickが呼べない

ファイルアップロードフォームをかっこ良く実装しようとして、以下のページを参考に作った
http://duckranger.com/2012/06/pretty-file-input-field-in-bootstrap/

これを、TextFieldをタップした際にファイル選択、ボタンを推した際にアップロードというふうに変更して実装した。

しかし、PC、iOS上では問題ないもののAndroidでは、TextFieldをタップした際に、文字入力になってしまい上手く動作しなかった。

display:noneの代わりに"opacity:0;position: absolute;"にすることで一応対応できた。

  <input id="lefile" type="file" style="opacity:0; position: absolute;"></input>
    <div class="input-append">
      <input id="photoCover" class="input-large" type="text" onclick="$('input[id=lefile]').click();"></input>
      <button class="btn">アップロード</button>
    </div>

<script type="text/javascript">
$('input[id=lefile]').change(function() {
    $('#photoCover').val($(this).val());
    });
</script>