I've been working on a project where I'm trying to replace the default browser cursor with an SVG one using jQuery. Everything seems to be working smoothly, except for changing the cursor when it hovers over links - nothing I've tried so far has worked.
My theory is that because the cursor has a fixed position and high z-index, it's technically below the content and can't detect when it's hovering over links.
If anyone has any suggestions or solutions, I'd greatly appreciate it!
EDIT: Just after posting this question and sharing a JS Fiddle in the comments, I adjusted my code to have the cursor appear before the content. However, the issue still persists.