Mengapa Pautan Saya Masih Digariskan Walaupun Menggunakan `text-decoration: none;`?

Cara Mengalih Keluar Garis Bawah Biru daripada Pautan

Masalah:

Anda mempunyai pautan yang muncul dalam warna putih tetapi mengecewakan berterusan dengan garis bawah biru. Walaupun menggunakan hiasan teks: tiada;, walaupun dengan peraturan !penting, garis bawah enggan berganjak.

.boxhead .otherPage {
  color: #FFFFFF;
  text-decoration: none;
}

Penyelesaian:

Setelah diperiksa lebih dekat, anda telah mendapati bahawa hiasan teks: tiada; peraturan sedang digunakan dengan tidak betul. Anda menggunakan elemen span (.boxhead), tetapi ia harus digunakan terus pada elemen anchor (.boxhead a).

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}

Kod Disemak:

<div class="boxhead">
  <h2>
    <span class="thisPage">Current Page</span>
    <a href="myLink"><span class="otherPage">Different Page</span></a>
  </h2>
</div>

.boxhead a {
    color: #FFFFFF;
    text-decoration: none;
}

Dengan menggunakan pembetulan ini, anda akan berjaya mengalih keluar garis bawah biru daripada pautan anda, membenarkan ia muncul dalam warna putih tanpa sebarang gangguan yang tidak diingini.

Atas ialah kandungan terperinci Mengapa Pautan Saya Masih Digariskan Walaupun Menggunakan `text-decoration: none;`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!