Saya mencoba untuk memiliki link yang muncul di putih, tanpa garis bawah. Warna teks yang muncul dengan benar seperti putih, tapi biru garis bawahi adalah keras kepala bertahan. Aku mencoba text-decoration: none;
dan text-decoration: none !penting;
di CSS untuk menghapus link underline. Tidak bekerja.
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
Bagaimana saya bisa menghapus biru garis bawah dari link?
Tag anchor (link) juga memiliki pseudo-kelas seperti yang dikunjungi, hover, dan link aktif. Pastikan anda gaya yang diterapkan negara(s) yang bersangkutan dan bahwa tidak ada gaya lain yang saling bertentangan.
Misalnya:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Lihat W3.org untuk informasi lebih lanjut tentang tindakan pengguna pseudo-class :hover, :active, dan fokus.
Hanya menambahkan atribut ini untuk anda anchor tag
style="text-decoration:none;"
Contoh:
<a href="page.html" style="text-decoration:none;"></a>
Atau gunakan CSS cara.
.classname a {
color: #FFFFFF;
text-decoration: none;
}
Kadang-kadang apa yang anda're melihat sebuah bayangan kotak, bukan teks garis bawah.
Coba ini (menggunakan fasilitas CSS yang tepat untuk anda):
a:hover, a:visited, a:link, a:active {
text-decoration: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
Anda tidak terjawab text-decoration:none
untuk anchor tag. Jadi kode yang harus mengikuti.
.boxhead a {
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
Lebih lanjut sifat standar untuk teks-dekorasi
Tanpa melihat halaman, sulit untuk berspekulasi.
Tapi bagi saya, itu terdengar seperti anda mungkin memiliki border-bottom: 1px solid blue;
yang sedang diterapkan. Mungkin menambahkan border: none;
.; text-decoration: none !yang penting
adalah benar, itu's mungkin bahwa anda memiliki gaya lain yang masih mengesampingkan bahwa CSS sekalipun.
Ini adalah di mana menggunakan Firefox Web Developer Toolbar ini mengagumkan, anda dapat mengedit CSS di sana dan melihat jika hal-hal bekerja, setidaknya untuk Firefox. It's di bawah CSS > Edit CSS
.
Sebagai aturan, jika anda "menggarisbawahi" adalah tidak sama dengan warna teks anda [dan 'color:' tidak diganti inline] itu tidak datang dari "text-decoration:" Itu harus "border-bottom:"
Don't lupa untuk mengambil perbatasan dari pseudo-class juga!
a, a:link, a:visited, a:active, a:hover {border:0!important;}
Potongan ini mengasumsikan pada jangkar, perubahan itu's wrapper sesuai... dan menggunakan spesifisitas bukan "!penting" setelah anda melacak akar penyebab.
Tidak ada jawaban yang bekerja untuk saya. Dalam kasus saya ada standar
a:-webkit-any-link {
text-decoration: underline;
dalam kode saya. Pada dasarnya apapun yang link itu adalah, teks warna biru berjalan, dan link tetap apapun itu.
Jadi saya menambahkan kode di akhir header seperti ini:
<head>
</style>
a:-webkit-any-link {
text-decoration: none;
}
</style>
</head>
dan masalahnya adalah tidak ada lagi.
Anda've digunakan text-decoration none di salah pemilih. Anda perlu untuk check-tag yang anda butuhkan untuk dekorasi tidak ada.
Anda dapat menggunakan kode ini
.boxhead h2 a{text-decoration: none;}
ATAU
.boxhead a{text-decoration: none !important;}
ATAU
a{text-decoration: none !important;}