Warum ändert sich mein CSS-Cursor in Firefox auf dem Mac nicht?

Cursorbild mit CSS ändern

Mehrere Heroshot-Bilder verfügen über modale Popups, die beim Klicken aktiviert werden. Um das Benutzererlebnis zu verbessern, sollte sich der Cursor in eine Lupe verwandeln, wenn Sie mit der Maus über jedes Bild fahren. Obwohl sich die Datei magnify.cur am richtigen Speicherort befindet, ändert der bereitgestellte CSS-Code das Erscheinungsbild des Cursors nicht.

Lösung:

Das Problem entsteht durch die Inkompatibilität von Cursor-URLs in Firefox für Mac-Umgebungen. Um den gewünschten Effekt in Firefox zu erzielen, verwenden Sie das Schlüsselwort -moz-zoom-in:

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

Diese Konfiguration ermöglicht Firefox die Verwendung von magnify.cur, dem Mozilla-spezifischen Zoom-Cursor, oder einem geeigneten Standardcursor. Der Browser wählt den ersten unterstützten Cursor in der Sequenz aus.

Darüber hinaus können Sie auf eine umfassende Liste von Cursor-Schlüsselwörtern zugreifen, die von verschiedenen Browsern unterstützt werden, um weitere Anpassungsoptionen zu erkunden.

Das obige ist der detaillierte Inhalt vonWarum ändert sich mein CSS-Cursor in Firefox auf dem Mac nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!