CSS または Javascript を使用して Web ページでカーソルを非表示にすることは可能ですか? 質問する

CSS または Javascript を使用して Web ページでカーソルを非表示にすることは可能ですか? 質問する

建物のホールで情報を表示することを目的とした Web ページを表示するときに、カーソルを非表示にしたいです。インタラクティブである必要はありません。カーソルのプロパティを変更し、透明なカーソル画像を使用しようとしましたが、問題は解決しませんでした。

これができるかどうか知っている人はいませんか? これは、何をクリックしているのか分からないユーザーにとってはセキュリティ上の脅威と考えられるので、あまり楽観的ではありません... ありがとうございます!

ベストアンサー1

CSS の場合:

selector { cursor: none; }

例:

<div class="nocursor">
   Some stuff
</div>
<style type="text/css">
    .nocursor { cursor:none; }
</style>

Javascript の要素にこれを設定するには、次のstyleプロパティを使用します。

<div id="nocursor"><!-- some stuff --></div>
<script type="text/javascript">
    document.getElementById('nocursor').style.cursor = 'none';
</script>

これを全身に設定する場合:

<script type="text/javascript">
    document.body.style.cursor = 'none';
</script>

ただし、カーソルを本当に非表示にしたいかどうかを確認してください。本当に人を困らせる。

おすすめ記事