Search code examples
csssafaricursorimagemap

Safari custom cursor not working

I have a custom cursor for an image map with a lot of hotspots. My cursor works fine in Firefox and Internet Explorer, but Safari returns the default one.

I used code found on other websites. My directory structure is:

index.php > css/main.css > css/images/pencil.cur

Here is my implementation (please note I need the same custom cursor for both normal and a, a:hover and a:visited states:

#gameScreen area, #gameScreen .wrapper, #gameScreen .wrapper a:hover, #gameScreen .wrapper a:visited {
    cursor: url("images/rcspencil.cur"),url("css/images/rcspencil.cur"),default;
}

Any ideas?

Solution

  • Here's the most browser-compatible syntax I can think of. There might be a better one with browser hacks but I'd ignore it.

    cursor: url(cursor.cur),url(cursor/cursor.cur),default;

    I wouldn't think the quotations would prevent it from working, but try it without them. The only other thing I can think of is that your selectors are wrong, like the selectors you've got listed don't include the thing you're hovering over.