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

Bolehkah CSS Sendiri Melumpuhkan Hiperpautan?

Patricia Arquette
Lepaskan: 2024-12-24 02:47:10
asal
568 orang telah melayarinya

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

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!

sumber:php.cn
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