My site's mouse cursor has not been customized in any way, so it is all default. When text is hovered over, the cursor changes into the "text select cursor" (ꕯ). However, after styling my first letters by changing their color, I noticed that they now display the default arrow cursor when hovered over. Despite trying to manually set a cursor using CSS, the rule seems to be ignored...
Here is the simple CSS rule I used to style the letters:
::first-letter{
color: red;
}
I attempted to set a new cursor rule for it, but it did not work; even when setting it to none, the arrow cursor still appeared on the first letters.
::first-letter{
cursor: none;
color: red;
}
This issue is not related to selecting text or the blinking cursor from input text fields; it simply involves the visual change of the mouse cursor when hovering over text.