Mac 上の Firefox で CSS カーソルが変化しないのはなぜですか?

CSS を使用したカーソル画像の変更

いくつかのヒーローショット画像には、クリックするとアクティブになるモーダル ポップアップがあります。ユーザーエクスペリエンスを向上させるために、各画像の上にカーソルを置くと、カーソルが虫眼鏡に変わる必要があります。 magnify.cur ファイルが正しい場所にあるにもかかわらず、提供された CSS コードはカーソルの外観を変更しません。

解決策:

この問題は、 Firefox for Mac 環境のカーソル URL。 Firefox で目的の効果を実現するには、-moz-zoom-in キーワードを使用します。

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

この設定により、Firefox は magnify.cur、Mozilla 固有のズーム カーソル、または適切なデフォルト カーソルを利用できるようになります。ブラウザは、シーケンス内で最初にサポートされているカーソルを選択します。

さらに、さまざまなブラウザでサポートされているカーソル キーワードの包括的なリストにアクセスして、他のカスタマイズ オプションを調べることができます。

以上がMac 上の Firefox で CSS カーソルが変化しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。