Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

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).



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


Use a different colored image.

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


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.


I am pretty sure it is doable in CSS.




Consider applying for YC's Fall 2025 batch! Applications are open till Aug 4

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: