CSS cursor pointer flicker once and then back to default

Question

I am experience a weird behaviour in both Google Chrome and Safari in OSX.

The cursor is changing to the pointer quickly, and then back to the default one when hovering links and elements where I have set cursor: pointer in the css.

I haven't been able to reproduce it on any other site of mine so just gonna drop the url here: http://stage.lagenheter24.se

Why is this happening? And how can I solve it? I have tried to set following without any result:

a { cursor: pointer !important; }

Answer 1

This sounds like a ridiculous answer but I had a similar issue on Mac OSX (any browser). I've noticed the problem wasn't in my code but on other web pages too - like this one and a simple system reboot solved this.

Answer 2

I don't believe you need to restart your computer for this. The issue is actually when Photoshop is open at the same time as your web browser. For some reason this creates the issue. I imagine it has something to do with Adobe and Apple not playing nice. If you close photoshop the issue should resolve. Rebooting the computer only appears to work because you likely closed your programs before doing so.

Answer 3

Maybe the element position is changed very subtly when you hover on it, causing it to rapidly switch between hovered and unhovered state, then the CSS cursor is switching too.

Try giving it a position relative or absolute :)

Answer 4

this trouble happens for me in Mozilla and Internet Explorer when cursor hover on elements which has an float property. so my solution is go out from float:right\left to position:absolute (or fixed) with adding the positions for those elements. hope solution helps you :)