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

Question

I have not customized my site mouse cursor in anyway, so it is all as default. As such, all text when hovered have the cursor change into the "text select cursor" (this guy > ꕯ). Fine. I then styled my first letters (just changed color), and now they (the first letters) have the default arrow cursor when hovered. I then tried manually setting a cursor but the css rule is seemingly being ignored...

I styled the letters with this simple css rule:

::first-letter{
    color: red;
}

I then tried setting a new cursor rule to it, and it did not work, even when setting it to none the arrow cursor still appear on it.

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

This is not about selecting text, or the blinking cursor from input text fields. It is simple the mouse cursor visually changing when above text.

Answer 1

As MDN says:

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

cursor is not one of them.