みかづきブログ・カスタム

基本的にはちょちょいのほいです。

CSSの力でマウスカーソルを非表示にする 🖱

Electronで展示用のアプリケーションをつくった時などに役に立つTipsなのですが、

CSSで、

html {
  cursor: none;
}

と指定すればマウスカーソルが非表示になります。

DEMO

常に非表示にすると、調整時などに困ったことになるので、何か条件をつけて表示・非表示にできるようにしておくと非常に便利な小技です。