Saya mencoba menampilkan tautan berwarna putih, tanpa garis bawah. Warna teks ditampilkan dengan benar sebagai putih, tetapi garis bawah biru tetap bertahan. Saya mencoba text-decoration: none;
dan text-decoration: none !important;
di CSS untuk menghapus tautan yang digarisbawahi. Tidak ada yang berhasil.
HTML:
Current Page
Different Page
CSS:
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
Bagaimana saya bisa menghapus garis bawah biru dari tautan?
Seperti yang saya harapkan, Anda tidak menerapkan text-decoration: none;
ke jangkar [.boxhead a] tetapi ke elemen span [.boxhead].
Coba ini:
.boxhead a {
color: #FFFFFF;
text-decoration: none;
}
Tag anchor [tautan] juga memiliki kelas pseudo seperti dikunjungi, membawa, tautan, dan aktif. Pastikan gaya Anda diterapkan ke negara bagian yang dipermasalahkan dan tidak ada gaya lain yang saling bertentangan.
Sebagai contoh:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Lihat W3.org untuk informasi lebih lanjut tentang aksi pengguna pseudo-class: hover,: aktif, dan: fokus.
text-decoration: none !important
harus menghapusnya .. Apakah Anda yakin
tidak ada border-bottom: 1px solid
yang mengintai? [Lacak gaya yang dihitung di Firebug/F12 di IE]
Cukup tambahkan atribut ini ke tag jangkar Anda
style="text-decoration:none;"
Contoh:
Atau gunakan cara CSS.
.classname a {
color: #FFFFFF;
text-decoration: none;
}
Terkadang yang Anda lihat adalah bayangan kotak, bukan garis bawah teks.
Coba ini [menggunakan pemilih CSS apa pun yang sesuai untuk Anda]:
a:hover, a:visited, a:link, a:active {
text-decoration: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
Anda melewatkan text-decoration:none
untuk tag anchor. Jadi kode harus mengikuti.
.boxhead a {
text-decoration: none;
}
Current Page
Different Page
Lebih banyak properti standar untuk dekorasi teks
Sebagai aturan, jika "garis bawah" Anda tidak berwarna sama dengan teks Anda [dan 'warna:' tidak digantikan inline] itu tidak berasal dari "dekorasi teks:" Itu harus "batas bawah:"
Jangan lupa untuk mengambil perbatasan dari kelas pseudo Anda juga!
a, a:link, a:visited, a:active, a:hover {border:0!important;}
Cuplikan ini mengasumsikan pada jangkar, ganti ke bungkusnya sesuai ... dan gunakan spesifisitas alih-alih "! Penting" setelah Anda melacak akar penyebabnya.
Tanpa melihat halaman, sulit berspekulasi.
Tetapi bagi saya itu terdengar seperti Anda mungkin memiliki border-bottom: 1px solid blue;
yang sedang diterapkan. Mungkin tambahkan border: none;
. text-decoration: none !important
benar, mungkin saja Anda memiliki gaya lain yang masih mengesampingkan CSS itu.
Di sinilah menggunakan
Firefox Web Developer Toolbar mengagumkan, Anda dapat mengedit CSS di sana dan melihat apakah semuanya berfungsi, setidaknya untuk Firefox. Itu di bawah CSS > Edit CSS
.
Meskipun jawaban lain benar, ada cara mudah untuk menghilangkan garis bawah pada semua tautan sial itu:
a {
text-decoration:none;
}
Ini akan menghapus garis bawah dari SETIAP LINK TUNGGAL di halaman Anda!
Cukup gunakan properti
border:0;
dan kamu dilindungi. Bekerja dengan sempurna untuk saya ketika properti dekorasi teks tidak bekerja sama sekali.
Tidak ada jawaban yang cocok untuk saya. Dalam kasus saya ada standar
a:-webkit-any-link {
text-decoration: underline;
dalam kode saya. Pada dasarnya apa pun tautannya, warna teks menjadi biru, dan tautan tetap apa pun itu.
Jadi saya menambahkan kode di akhir tajuk seperti ini:
a:-webkit-any-link {
text-decoration: none;
}
dan masalahnya tidak ada lagi.
Anda tidak pernah menggunakan dekorasi teks di pemilih yang salah. Anda perlu memeriksa tag mana yang Anda butuhkan untuk dekorasi tidak ada.
Anda dapat menggunakan kode ini
.boxhead h2 a{text-decoration: none;}
OR
.boxhead a{text-decoration: none !important;}
OR
a{text-decoration: none !important;}
Jika text-decoration: none
atau border: 0
tidak berfungsi, coba terapkan gaya inline di html Anda.