input type="file"のカーソルを手指型にする

ファイルをアップロードする為の<input type="file" name="hata">は、ボタンにマウスを合わせたとき、カーソルの形状が矢印になる。
Web画面上でクリック可能を示すカーソルは、マウスを合わせたとき手指型が常識だと誰もが思っているだろう。なのに、ファイルアップロードのときのボタンはそうなっていない。

そこで、簡単にカーソルの表示を変える方法です。
cssファイルに、input.tegata { cursor:pointer; }と記述し、上記のｈｔｍｌを
<input type="file" class="tegata" name="hata">と書き換える。これで、ファイルをアップロードするときの参照ボタンにマウスを合わせると、カーソルが手指型になる。
ただし、chromeはだめなようです。

カーソルにはその他いろいろな型の指定があります。
cursor:pointer　手指型
cursor:default　矢印型
cursor:crosshair　十字型
cursor:move　移動用型
cursor:aouto 　状況に応じて自動選択（初期値）
その他