Pourquoi mon curseur CSS ne change-t-il pas dans Firefox sur Mac ?

Changement de l'image du curseur à l'aide de CSS

Plusieurs images Heroshot ont des fenêtres contextuelles modales qui s'activent lorsque vous cliquez dessus. Pour améliorer l'expérience utilisateur, le curseur doit se transformer en loupe lorsqu'il est survolé sur chaque image. Bien que le fichier magnify.cur soit au bon emplacement, le code CSS fourni ne modifie pas l'apparence du curseur.

Solution :

Le problème vient de l'incompatibilité de URL du curseur dans les environnements Firefox pour Mac. Pour obtenir l'effet souhaité dans Firefox, utilisez le mot-clé -moz-zoom-in :

a.heroshot img {
  cursor: url(/img/magnify.cur), -moz-zoom-in, auto;
}

Cette configuration permet à Firefox d'utiliser magnify.cur, le curseur de zoom spécifique à Mozilla ou un curseur par défaut approprié. Le navigateur sélectionne le premier curseur pris en charge dans la séquence.

De plus, vous pouvez accéder à une liste complète de mots-clés de curseur pris en charge par divers navigateurs pour explorer d'autres options de personnalisation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!