[解決済み] Chromeのファイル入力で「選択されたファイルがありません」というツールチップを削除するにはどうすればよいですか？

質問内容

Google Chromeのファイル入力で、"No file chosen"のツールチップを削除したいです（Firefoxではツールチップが表示されないことが確認できました）。

入力フィールド内のテキストではなく、入力の上にマウスを移動させたときに表示されるツールチップについて話していることに注意してください。

試してみたのですが、うまくいきません。

$('#myFileInput').attr('title', '');

解決方法は？

のネイティブ部分です。 ウェブキット ブラウザーから削除することはできません。のようなハチャメチャな解決策を考えるべきでしょう。 カバーリング または 隠蔽 を入力します。

A ハキハキ を解決することができます。

input[type='file'] {
  opacity:0    
}

<div>
    <input type='file'/>
    <span id='val'></span>
    <span id='button'>Select File</span>
</div>   

$('#button').click(function(){
   $("input[type='file']").trigger('click');
})

$("input[type='file']").change(function(){
   $('#val').text(this.value.replace(/C:\\fakepath\\/i, ''))
})    

フィドル