Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

Custom cursor not working

  • 5 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 2 views
  • Nuɖoɖo mlɔetɔ cor-el

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)

more options

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

more options

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

more options

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

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:

cor-el trɔe