CSSでマウスカーソルを消したい


マウスカーソルをオリジナルの画像にしたいとき、デフォルトのマウスカーソルは消したいとなる場合があるかと思います。

そんなとき、IE以外のブラウザであれば、透明なpng画像を用意しておいて、

main.css
cursor: 'url("../img/three_d/transparent.png"), none',

とすればうまく動くのですが、IEでは上手く動きません。
IEも対応させるには、curファイルというのを用意する必要があります。
curファイルはadobeのgithubレポジトリに上がっています。
https://github.com/adobe/chromium/blob/master/webkit/glue/resources/none.cur

これで、

main.css
cursor: 'url("../img/three_d/none.cur"), none',

とすれば、IEを含んだ全ブラウザでマウスカーソルを消すことができます。