Comment by freeone3000

1 month ago

You can do that by changing the cursor icon for the elements in question. The CSS rule does support per-element swapping (because of course it does, that’s how a text input has a bar but a button has a pointer).

4 comments

freeone3000

Reply
jampekka  1 month ago

The cursor color inversion can't be done with CSS though.

  • freeone3000  1 month ago

    Use a different colored image.

    The background colour of the hovered element is known. When you specify the bgcolor, also override the cursor image.

    • jampekka  1 month ago

      The effect on the page is per-pixel, it doesn't change the whole cursor color when the hovered element changes.

      For normal elements this can be done with mix-blend-mode, but that's not available for the cursor.