Skip to main content

Override Warna Link Default pada Pelayar Web Menggunakan CSS

Week 0 (Mungkin 2025)

Week 0 (Mungkin 2025)
Anonim

Semua pelayar web menggunakan warna lalai untuk pautan jika pereka Web tidak menetapkannya. Mereka adalah:

  • Warna pautan lalai
  • Warna pautan aktif (apabila tetikus diklik dan dipegang di atas pautan)
  • Warna pautan diikuti (apabila pautan diklik sebelum ini)

Selain itu, sementara kebanyakan penyemak imbas web tidak mengubahnya secara lalai, anda juga boleh menentukan warna hover - warna pautan adalah ketika tetikus ditahan di atasnya.

Gunakan CSS untuk Tukar Warna Pautan

Untuk menukar warna-warna ini, gunakan Lembaran Gaya Cascading. Cara paling mudah untuk menukar warna pautan adalah dengan menanda teg:

a {color: black; }

Dengan CSS ini, sesetengah pelayar akan mengubah semua aspek pautan (aktif, diikuti, dan berlegar) ke hitam, sementara yang lain hanya akan mengubah warna lalai.

Gunakan CSS Pseudo-classes untuk Tukar Semua Bahagian Pautan

Kelas pseudo diwakili dalam CSS dengan titik dua (:) sebelum nama kelas. Empat pseudo-kelas menjejaskan pautan:

Untuk menukar warna pautan lalai:

a: link {color: red; }

Untuk menukar warna yang aktif:

a: active {color: blue; }

Untuk menukar warna pautan diikuti:

a: melawat {color: purple; }

Untuk menukar tetikus ke atas warna:

a: hover {color: green; }

Pertimbangan

Elakkan meniru warna pautan lalai untuk membuat pautan lebih sukar dicari. Misalnya, menukar pautan ke warna yang sangat terang terhadap latar belakang putih akan menjejaskan pelawat yang cacat penglihatan. Bertujuan untuk warna yang berasingan untuk warna-warna yang aktif dan diikuti juga, untuk memastikan bahawa pelawat laman web tidak menjadi keliru mengenai halaman mana yang mereka lawati.