ドラッグ アンド ドロップ機能の「-moz-grab」および「-moz-grabbing」カーソルに相当するクロスブラウザーはありますか?

ドラッグ アンド ドロップ用の CSS カーソル: 互換性の拡張

ドラッグ アンド ドロップ機能を含む Web アプリケーションを設計する場合、以下を提供することが重要です。異なるブラウザ間でも一貫した直感的なユーザー エクスペリエンスを実現します。 Mozilla の -moz-grab カーソルと -moz-grabbing カーソルは、Firefox でのドラッグ開始とドラッグ操作を示すのに最適ですが、疑問は残ります: 他のブラウザにも同等のカーソルはありますか?

クロスブラウザを確保するには互換性を確保するには、次の CSS コードの使用を検討してください:

<code class="css">.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}</code>

このコードでは、ブラウザーは、グラブ カーソルがサポートされていない場合のフォールバックとして、最も広くサポートされているカーソル (「move」) を適用します。 -moz-grab カーソルと -webkit-grab カーソルは、それぞれ Mozilla および WebKit ベースのブラウザ (Chrome や Safari など) との互換性のために組み込まれています。

以上がドラッグ アンド ドロップ機能の「-moz-grab」および「-moz-grabbing」カーソルに相当するクロスブラウザーはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。