Search code examples
csscursor

Cursor is hand on non-clickable areas, and cursor on clickable areas


My react site is a bit too complicated to post all the code here, however I was wondering if anyone has had this issue and might have an idea of what is causing it.

For one of my pages the cursor states are flipped IE: on non-clickable areas it shows a hand, and in clickable areas it shows a cursor. It is also ONLY doing this on the mobile @media query version of the page.

I've tried to set cursor: default; in the wrapper of the page and that didn't do anything.

Thanks in advance to anyone that might be able to help


Solution

  • Nevermind, I seem to have placed a cursor: property in the global scss file (no idea how that got there, or why it only affected the one page).