是否可以使用CSS或Javascript将光标隐藏在网页中？

Question

我想在显示旨在在建筑大厅中显示信息的网页时隐藏光标。它根本不需要是交互式的。我尝试使用cursor属性和透明的光标图像，但是没有使它起作用。

有人知道这是否可以做到吗？我想这对于不知道他在哪里单击的用户来说可以看作是安全威胁，所以我不太乐观……谢谢！

Answer 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>

但是，请确保您确实要隐藏光标。它 真的 可以惹恼人们。