如何从 css ::first-letter 元素编辑光标？

Question

无论如何我都没有自定义我的站点鼠标光标，所以都是默认的。因此，悬停时所有文本的光标都会变为“文本 select 光标”（this guy > ꕯ）。美好的。然后我设置了我的第一个字母的样式（只是改变了颜色），现在它们（第一个字母）在悬停时有默认的箭头光标。然后我尝试手动设置光标，但 css 规则似乎被忽略了...

我用这个简单的 css 规则给字母设置了样式：

::first-letter{
    color: red;
}

然后我尝试为它设置一个新的光标规则，但它没有用，即使将它设置为 none 箭头光标仍然出现在它上面。

::first-letter{
    cursor: none;
    color: red;
}

这与 selecting 文本或输入文本字段中闪烁的光标无关。很简单，当鼠标光标在文本上方时，视觉上会发生变化。

Answer 1

As MDN says:

Only a small subset of CSS properties can be used with the ::first-letter pseudo-element

cursor 不是其中之一。

如何从 css ::first-letter 元素编辑光标？

How to edit cursor from a css ::first-letter element?

html

css

hover

mouse-cursor