Rumah > hujung hadapan web > tutorial css > Adakah Terdapat Persamaan Pelayar Silang dengan Kursor `-moz-grab` dan `-moz-grabbing` untuk Fungsi Seret dan Lepas?

Adakah Terdapat Persamaan Pelayar Silang dengan Kursor `-moz-grab` dan `-moz-grabbing` untuk Fungsi Seret dan Lepas?

Barbara Streisand
Lepaskan: 2024-11-06 21:01:03
asal
685 orang telah melayarinya

Are There Cross-Browser Equivalents to `-moz-grab` and `-moz-grabbing` Cursors for Drag and Drop Functionality?

Kursor CSS untuk Seret dan Lepas: Memanjangkan Keserasian

Apabila mereka bentuk aplikasi web yang melibatkan fungsi drag-and-drop, adalah penting untuk menyediakan pengalaman pengguna yang konsisten dan intuitif merentas pelayar yang berbeza. Walaupun kursor -moz-grab dan -moz-grabbing oleh Mozilla sesuai untuk menunjukkan operasi seret dan seret dalam Firefox, persoalannya masih ada: adakah kursor yang setara untuk penyemak imbas lain?

Untuk memastikan penyemak imbas silang keserasian, pertimbangkan untuk menggunakan kod CSS berikut:

<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>
Salin selepas log masuk

Dalam kod ini, penyemak imbas menggunakan kursor yang paling banyak disokong ('move') sebagai sandaran apabila kursor ambil tidak disokong. Kursor -moz-grab dan -webkit-grab disertakan untuk keserasian dengan pelayar berasaskan Mozilla dan WebKit (seperti Chrome dan Safari).

Atas ialah kandungan terperinci Adakah Terdapat Persamaan Pelayar Silang dengan Kursor `-moz-grab` dan `-moz-grabbing` untuk Fungsi Seret dan Lepas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan