This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Custom cursor not working

  • 5 replies
  • 1 has this problem
  • 2 views
  • Last reply by cor-el

flyingsaucerhat
flyingsaucerhat
more options

I'm trying to use a custom cursor. It works fine in Chrome and Safari, but Firefox seems to ignore it. Here's the code:

div { 

   display: block;
   cursor: url('/default-1x.png') 1x, url('/default-2x.png') 2x, default;
   cursor: -webkit-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default;
   cursor: -moz-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default;

}

div { 

   display: block;
   cursor: url('/auto-1x.png') 1x, url('/auto-2x.png') 2x, auto;
   cursor: -webkit-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto;
   cursor: -moz-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto;

}

div { 

   display: block;
   cursor: url('/pointer-1x.png') 1x, url('pointer-2x.png') 2x, pointer;
   cursor: -webkit-image-set(url('pointer-1x.png') 1x, url('pointer-2x.png') 2x), pointer;
   cursor: -moz-image-set(url('/pointer-1x.png') 1x, url('/pointer-2x.png') 2x), pointer;

}

I'm trying to use a custom cursor. It works fine in Chrome and Safari, but Firefox seems to ignore it. Here's the code: div { display: block; cursor: url('/default-1x.png') 1x, url('/default-2x.png') 2x, default; cursor: -webkit-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default; cursor: -moz-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default; } div { display: block; cursor: url('/auto-1x.png') 1x, url('/auto-2x.png') 2x, auto; cursor: -webkit-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto; cursor: -moz-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto; } div { display: block; cursor: url('/pointer-1x.png') 1x, url('pointer-2x.png') 2x, pointer; cursor: -webkit-image-set(url('pointer-1x.png') 1x, url('pointer-2x.png') 2x), pointer; cursor: -moz-image-set(url('/pointer-1x.png') 1x, url('/pointer-2x.png') 2x), pointer; }

All Replies (5)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See:

flyingsaucerhat
flyingsaucerhat Question owner
more options

Thanks for the link. I still can't figure out what I'm doing wrong.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

flyingsaucerhat
flyingsaucerhat Question owner
more options

Unfortunately no, can't do it publicly. I can email a login information if that's an option.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can try image-set without the -moz prefix: image-set

Image-set isn't working yet in Firefox, so you will have to use other ways.

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)

See also:

Modified by cor-el