CSS cursor:pointer in mac Safari doesn't work

css cross-browser mouse-cursor safari
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.

Related questions

How to disable text selection highlighting

For anchors that act like buttons (for example Questions, Tags, Users, etc. which are located on the top of the Stack Overflow page) or tabs, is there a CSS standard way to disable the highlighting effect if the user accidentally …

Read More
How do I style a <select> dropdown with only CSS?

Is there a CSS-only way to style a <select> dropdown? I need to style a <select> form as much as humanly possible, without any JavaScript. What are the properties I can use to do so in …

Read More
How to vertically center a div for all browsers?

I want to center a div vertically with CSS. I don't want tables or JavaScript, but only pure CSS. I found some solutions, but all of them are missing Internet Explorer 6 support. <body> <div>Div to …

Read More