Bagaimanakah Saya Boleh Lumpuhkan Kesan Hover Tetikus pada Butang Tertentu Menggunakan CSS?

Lumpuhkan Kesan Tuding Tetikus pada Butang Tertentu Menggunakan CSS

Bertujuan untuk melumpuhkan kesan tuding tetikus untuk butang tertentu dalam halaman web, anda telah menghadapi masalah dengan kelas CSS sedia ada anda. Walaupun kelas .buttonDisabled berjaya menghapuskan tanda kursor tangan dan garis bawah teks pada tuding, anda cuba untuk дополнительно melumpuhkan kesan tuding sama sekali.

Penyelesaian:

Untuk mencapai ini , memperkenalkan kelas CSS baharu yang dipanggil .noHover.

.noHover {
    pointer-events: none;
}

Harta pointer-events mengawal interaksi elemen. Dengan menetapkannya kepada tiada, semua acara klik dan tetikus, termasuk kesan tuding, akan dilumpuhkan pada elemen dengan kelas .noHover.

Penggunaan:

Untuk melumpuhkan tuding pada butang tertentu, tambahkan kelas .noHover pada HTMLnya:

<button></button>

Dengan kelas tambahan ini, anda boleh kini dengan berkesan melumpuhkan kesan tuding pada butang tertentu sambil mengekalkan rupa lumpuh yang ditetapkan oleh kelas .buttonDisabled.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Lumpuhkan Kesan Hover Tetikus pada Butang Tertentu Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!