Webブラウザー：マウスカーソルを非表示

Question

ウェブブラウザでマウスカーソルを隠すことは可能ですか？

これをFlashでタッチスクリーンアプリケーション用に実行しましたが、マウスカーソルは気を散らし、不要です。今回は、非対話型のディスプレイ画面用であるため、マウスカーソルは必要ありません。

私の直感では、ブラウザのプラグインを使用するだけでは、Webブラウザでこれを実現する簡単な方法はありません。

使用中のブラウザはFirefoxですから、おそらくこれを実現するプラグインがありますか？ただし、JavaScript/jQueryを介してこれを実行できることが望ましいでしょう。

Answer 1

CSSルールを使用するだけです：

* {
cursor: none;
}

Answer 2

ブラウザ間で機能するものを見つけるのは苦痛です。

以下のコードは、Chrome、IE、Firefoxで動作します。 IEは.curファイルを好み、Chromeは埋め込みpngを好み、一部のブラウザは実際にはnoneを尊重します:)

#div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none !important;
}

Answer 3

CSSを使用してみてください。

  #elementID{
     cursor: none;
  }