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

问题描述

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

我用这个简单的 css 规则设计了字母：

::first-letter{
    color: red;
}

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

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

这与选择文本或从输入文本字段中闪烁的光标无关。鼠标光标在文本上方时视觉上的变化很简单。

解决方法

As MDN says：

只有一小部分 CSS 属性可以与 ::first-letter 伪元素一起使用

cursor 不是其中之一。