4 ms·
Browser don't support replacing cursor images natively for obvious reasons. You have to use JavaScript for that.
by ImHereToVote 1y ago
Browser don't support replacing cursor images natively for obvious reasons. You have to use JavaScript for that.
- jampekka 1y agoCSS supports replacing cursor images natively. https://developer.mozilla.org/en-US/docs/Web/CSS/cursor https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
- deleted 1y ago[deleted]
- Ajedi32 1y agoIn this case it looks like they didn't just want an image though, they wanted the cursor to invert the color of whatever part of the web page it's over, and to seamlessly morph into a selection highlight whenever you mouse over certain controls. Seems like that's a lot harder to make performant.
- freeone3000 1y agoYou 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).
- jampekka 1y agoThe cursor color inversion can't be done with CSS though.
- freeone3000 1y agoUse a different colored image. The background colour of the hovered element is known. When you specify the bgcolor, also override the cursor image.
- jampekka 1y agoThe 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.
- johnisgood 1y agoI am pretty sure it is doable in CSS.
- magios 1y agoanother thing to block in firefox userContent.css as there doesn't appear to be an option for it in about:config
- yjftsjthsd-h 1y agoThe only obvious reason I can think of is security concerns (some sort of user confusion), but JS wouldn't help with that. What other reasons are there?