禁用等待/忙碌光标

Question

• 有没有办法在您的网络应用/网站中完全停用等待光标（），以便用户永远不会看到它？
• 或者我可以设置延迟，所以它会在一两秒后显示，但不会立即显示？

更新：由于angular-block-ui属性autoBlock设置为true（默认情况下），因此每个http请求都会显示等待光标。

Answer 1

这会将光标设置为默认值，但这不是一个好习惯！重要的是，我建议找到设置为加载光标并覆盖它的类

body {
   cursor: default !important;
}

Answer 2

您可以使用纯JavaScript这样做：

if (document.body.style.cursor==='wait') { 
  document.body.style.cursor='default';
}

但是你需要知道何时运行这个脚本，但是这就是你如何使用JavaScript检测和使用游标并根据你的需要使用它...

你也使用纯CSS，覆盖body和html上的所有光标，如下所示：

body, html {
  cursor: default !important;
}

或者您可以拥有2个类并在特定时间内切换它们，例如，创建类default-curser并使用JavaScript应用它，何时何地需要覆盖光标！

另一种方法是为body和html设置默认的光标，然后在你的css中为不同的元素覆盖它，如下所示：

body, html {
  cursor: default !important;
}

a {
  cursor: pointer !important;
}
//... and whatever other pointers you need

这样你总是有默认的光标，否则就是这样！