Bagaimana cara menghapus garis bawah untuk jangkar (tautan)?

Apakah ada (dalam CSS) untuk menghindari garis bawah untuk teks dan tautan yang diperkenalkan di halaman ..?

Gunakan CSS. ini menghilangkan garis bawah dari adan uelemen:

a, u {
    text-decoration: none;
}

Terkadang Anda perlu mengganti gaya lain untuk elemen, dalam hal ini Anda dapat menggunakan !importantpengubah pada aturan Anda:

a {
    text-decoration: none !important;
}

Css adalah

text-decoration: none;

dan

text-decoration: underline;

Ini akan menghapus warna Anda serta garis bawah yang ada pada anchor tag

 a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }

Opsi paling sederhana adalah ini:

<a style="text-decoration: none">No underline</a>

Tentu saja, mencampur CSS dengan HTML (yaitu CSS sebaris) bukan ide yang baik, terutama ketika Anda menggunakan atag di semua tempat.
Karena itu, sebaiknya tambahkan ini ke stylesheet:

a {
    text-decoration: none;
}

Atau bahkan kode ini dalam file JS:

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

Gunakan CSS untuk menghapus text-decorations.

a {
    text-decoration: none;
}

Opsi terbaik untuk Anda jika Anda hanya ingin menghapus garis bawah dari anchor link saja-

    #content a{
                text-decoration-line:none;
                }

Ini akan menghapus garis bawah.

Selanjutnya Anda dapat menggunakan sintaks yang sama untuk memanipulasi gaya lain juga menggunakan-

                text-decoration: none;
                text-decoration-color: blue;
                text-decoration-skip: spaces;
                text-decoration-style: dotted;

Semoga ini membantu!

PS- Ini adalah jawaban pertama saya!

dalam kasus saya ada aturan tentang efek hover oleh jangkar, seperti ini:

#content a:hover{
border-bottom: 1px solid #333;
}

Tentu saja, text-decoration:none;tidak bisa membantu dalam situasi ini. Dan saya menghabiskan banyak waktu sampai saya menemukannya.

Jadi: Garis bawah jangan dikacaukan dengan batas-bawah.

Kadang akan ditimpa oleh beberapa rendering UI UI. Lebih baik digunakan:

a.className {
    text-decoration: none !important;
}

Untuk memberikan perspektif lain terhadap masalah tersebut (seperti yang disimpulkan dari judul / isi posting asli):

Jika Anda ingin melacak apa yang membuat garis bawah nakal di HTML Anda, gunakan alat debugging. Ada banyak pilihan:

Untuk Firefox ada FireBug;

Untuk Opera ada Dragonfly (disebut "Alat pengembang" di menu Tools-> Advanced; dilengkapi dengan Opera secara default);

Untuk IE ada "Internet Explorer Developer Toolbar", yang merupakan unduhan terpisah untuk IE7 dan di bawahnya, dan terintegrasi dalam IE8 (tekan F12).

Saya tidak tahu tentang Safari, Chrome, dan peramban minoritas lainnya, tetapi Anda mungkin harus memiliki setidaknya satu dari tiga di atas pada mesin Anda.

Saat Anda ingin menggunakan tag jangkar hanya sebagai tautan tanpa gaya tambahan (seperti garis bawah di hover atau warna biru) tambahkan class="no-style"ke tag jangkar. Kemudian di stylesheet global Anda, buat kelas "no-style".

.no-style { text-decoration: none !important; }

Ini memiliki dua keunggulan.

1. Itu tidak akan memengaruhi semua tag anchor, hanya yang dengan kelas "tanpa gaya" yang ditambahkan padanya.
2. Ini akan mengesampingkan gaya lain yang mungkin mencegah pengaturan dekorasi teks menjadi tidak ada.

Jangan lupa untuk menyertakan stylesheet menggunakan tag tautan

http://www.w3schools.com/TAGS/tag_link.asp

Atau lampirkan CSS di dalam tag gaya di halaman web Anda.

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

Saya tidak akan merekomendasikan menggunakan garis bawah pada apa pun selain tautan, garis bawah umumnya diterima sebagai sesuatu yang dapat diklik. Jika tidak dapat diklik, jangan digarisbawahi.

Dasar-dasar CSS dapat diambil di w3schools

<u>

adalah tag yang usang.

Menggunakan...

<span class="underline">My text</span>

dengan file CSS yang mengandung ...

span.underline
{
    text-decoration: underline;
}  

atau hanya...

<span style="text-decoration:underline">My Text</span>

Gunakan properti css,

text-decoration:none;

Untuk menghapus garis bawah dari tautan.

Garis bawah dapat dihapus oleh properti CSS yang disebut dekorasi teks.

<style>
a{
text-decoration:none;
}
</style>

Jika Anda ingin menghapus garis bawah untuk teks yang ada dalam elemen selain a , sintaks berikut harus digunakan.

<style>
element-name{
text-decoration:none;
}
</style>

Ada banyak nilai dekorasi teks lainnya yang dapat membantu Anda mendesain tautan.

Saya bermasalah dengan masalah ini dalam pencetakan web dan dipecahkan. Hasil yang diverifikasi.

a {
    text-decoration: none !important;
}

Berhasil!.