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

Buscar en Ayuda

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

Este tema ha sido archivado. Haz una nueva pregunta si necesitas ayuda.

Custom cursor not working

  • 5 respuestas
  • 1 tiene este problema
  • 2 visitas
  • Última respuesta de 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; }

Todas las respuestas (5)

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

See:

flyingsaucerhat
flyingsaucerhat Autor de la pregunta
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 Autor de la pregunta
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:

Modificadas por cor-el el