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

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

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

：：第一个字母{
颜色：红色；
}

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

：：第一个字母{
光标：无；
颜色：红色；
}

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

:

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

---

光标

不是其中之一。

虽然无法更改第一个字母伪元素中的光标设置，但至少在Windows 10上，Chrome/Edge中似乎只会出现这种怪癖（变为箭头）。Firefox和IE11都会保持“直立”光标，直到移动到第一个字符的左侧（即文本之外）。我看不出有什么办法可以强制它在Chrome/Edge上不更改。这太糟糕了，因为这是一件如此简单的事情……至少我可以设置父项（the），并且该样式可以很好地应用于整个文本和第一个字母。