Javascript 在文本（非元素）上显示不同的光标

当默认光标悬停在文本上时，它将变为插入符号形状的光标。但是，它仅在文本上方时才会显示：元素内的任何其他位置，它都不会显示该特定光标。

作为一个例子，以下是我希望它如何工作：

---

有可能做到这一点吗？

目前似乎没有办法使用CSS将单独的样式（这里是游标）仅应用于文本节点。但是，使用

s可以实现类似的效果：

CSS:

HTML:

此示例文本填充一行


还有一些填充另一行的示例文本。

a如果不可能，则必须依赖元素选择器<代码>document.body.style.cursor='default'悬停文本时为什么需要更改光标？是否不允许选择（复制/粘贴）？文本：悬停在CSS中不可用，因为文本不是元素。指针事件可以对鼠标隐藏元素。我正在尝试替换文本上出现的默认I形/卡雷特光标。使用类似于

cursor:url（'/customcur.png'），除了当我在元素上时，此方法将carret转换为customcur.png；我只想在鼠标位于文本上方时显示carret，就像默认的carret一样@G-Cyrillus符合美学，而且，为什么我要在非文本的东西上显示“文本可选择”图标？我将修改并添加一个gif以便于理解。不幸的是，它不起作用。文本不是html元素，但您可以将其封装在一个跨距内联中，并在该跨距上设置自定义光标。
span{
cursor:url("/images/cursorTextSelect.png") ,default;
}

<span>This example text fills a line</span>
<br>
<span>Some more example text that fills another line.</span>