CSS cursor:pointer in mac Safari doesn't work

richardstelmach picture richardstelmach · Jan 11, 2012 · Viewed 13.4k times · Source

I have placed cursor:pointer on a td but in Safari (on a mac) it only displays the default mouse cursor instead of changing to the little hand pointer which it does in every other browser.

Is anyone aware if there is a fix for this or is it unavoidable?

Update: The code is something like this:

HTML

<td class="someClass"><span>text here</span></td>

CSS

td.someClass { cursor:pointer; }

Answer

Harry Wood picture Harry Wood · Sep 29, 2012

I came upon this question just now because I was finding safari was refusing to show the hand mouse pointer on a website I was developing. I actually tried testing default link behaviour in absence of any css, and still had a problem.

I found restarting safari fixed it. Come to think of it, just opening the same site in a different window might have fixed it.

These are things to try if you're stuck on a mouse pointer problem, because there's some quirk/bug/inconsistent state safari can get into. In my case I imagine it may have been caused by playing around with debugging developer tools.