是否可以使用CSS或Javascript将光标隐藏在网页中？(Is it possible to hide the cursor in a webpage using CSS or Javascrip

是否可以使用CSS或Javascript将光标隐藏在网页中？(Is it possible to hide the cursor in a webpage using CSS or Javascript?)

我想在显示一个旨在在建筑物大厅显示信息的网页时隐藏光标。 它不一定是互动的。 我试着用cursor属性和一个透明的光标图像，但我没有使它的工作。

有人知道这是否可以完成？ 我想这可以被认为是一个安全威胁的用户，不知道他在哪里点击，所以我不是很乐观...谢谢！

I want to hide the cursor when showing a webpage that is meant to display information in a building hall. It doesn't have to be interactive at all. I tried with the cursor property and a transparent cursor image but I didn't make it work.

Does anybody know if this can be done? I suppose this can be thought as a security threat for a user that can't know where he is clicking on, so I'm not very optimistic... Thank you!

最满意答案

使用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>

确保你真的想隐藏光标，但是。 真的可以让人烦恼

With CSS:

selector { cursor: none; }

An example:

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

To set this on an element in Javascript, you can use the style property:

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

If you want to set this on the whole body:

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

Make sure you really want to hide the cursor, though. It can really annoy people.