Rumah >hujung hadapan web >tutorial css >Bolehkah CSS Sendiri Melumpuhkan Hiperpautan?

Bolehkah CSS Sendiri Melumpuhkan Hiperpautan?

Patricia Arquette
Patricia Arquetteasal
2024-12-24 02:47:10569semak imbas

Can CSS Alone Disable a Hyperlink?

Melumpuhkan Pautan dengan CSS: Panduan Komprehensif

S: Bolehkah saya melumpuhkan pautan menggunakan CSS sahaja?

A : Sudah tentu! CSS menyediakan beberapa pilihan untuk melumpuhkan pautan dengan berkesan, menghalang sebarang tindakan apabila diklik.

Satu pendekatan popular melibatkan memanfaatkan atribut aria-current="page" bersama-sama dengan CSS untuk mencapai perkara ini:

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

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

Apabila digunakan pada pautan, kod CSS ini mencapai perkara berikut:

  • Melumpuhkan Klik: acara penunjuk: tiada; menghalang sebarang interaksi pengguna dengan pautan, melumpuhkan klik dengan berkesan.
  • Tukar Kursor: kursor: lalai; menetapkan semula kursor kembali kepada bentuk anak panah lalai, menunjukkan bahawa pautan tidak boleh diklik.
  • Mengalih Keluar Garis Bawah: hiasan teks: tiada; mengalih keluar garis bawah standard daripada pautan.
  • Memelihara Teks Pautan: warna: hitam; memastikan teks pautan kekal kelihatan dan boleh dibaca, walaupun ia dilumpuhkan.
  • Kebolehgunaan: Teknik ini boleh digunakan pada mana-mana pautan pada halaman web anda, membolehkan anda melumpuhkan pautan tertentu secara terpilih apabila perlu.

Atas ialah kandungan terperinci Bolehkah CSS Sendiri Melumpuhkan Hiperpautan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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