Bagaimana Saya Boleh Lumpuhkan Pautan Menggunakan CSS?

Tipu CSS untuk Melumpuhkan Pautan

Masalah:

Adakah mungkin untuk melumpuhkan pautan menggunakan CSS? Sebagai contoh, jika anda mempunyai kelas yang dipanggil "halaman semasa", anda mungkin mahu menghalang pautan dengan kelas itu daripada aktif apabila diklik.

Penyelesaian:

Coretan kod CSS berikut menawarkan penyelesaian mudah:

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

Kod ini menyasarkan elemen dengan "aria-current='page'" atribut dan melumpuhkan interaktiviti mereka dengan menetapkan "peristiwa penunjuk" kepada "tiada". Ia juga mengalih keluar penggayaan pautan biasa dengan menetapkan "kursor" kepada "lalai", mengalih keluar hiasan teks dan menetapkan semula warna teks kepada hitam.

Untuk menggunakan penyelesaian ini dalam HTML, anda boleh mengubah suai pautan anda seperti berikut:

<a href="link.html" aria-current="page">Link</a>

Ini akan melumpuhkan pautan dan menghalangnya daripada boleh diklik apabila kelas "halaman semasa" digunakan.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Lumpuhkan Pautan Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!