css - 在任何页面文本悬停时更改光标

Question

如果我像这样更改站点的默认光标：

body { cursor: move; }

然后悬停文本将不再产生文本悬停垂直线。

body { 
  height: 20em;
  background: teal;
  cursor: move; 
}

This is some text.  When you hover it, your cursor will not change

是否可以重新断言光标应该在文本悬停时改变？

如果不是，是否可以仅在不悬停文本时使用自定义光标？

---

编辑：我的代码不在任何特定标签内。这不是一个不切实际的例子，当您设置站点范围的自定义光标时会发生这种情况。

标签： css

Answer 1

一个hacky的想法是创建一个额外的层，它不是您应用光标的内容（您的文本）的一部分

body::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  cursor: move; 
}

body {
  position:relative;
  z-index:0;
  height: 20em;
  background: teal;
}

This is some text.  When you hover it, your cursor will not change