Jak usunąć podkreślenie dla kotwic (linków)?

Czy w ogóle istnieje (w CSS) unikanie podkreślenia tekstu i linków wprowadzonych na stronie ..?

Użyj CSS. usuwa to podkreślenia ai uelementy:

a, u {
    text-decoration: none;
}

Czasami musisz zastąpić inne style dla elementów, w takim przypadku możesz użyć !importantmodyfikatora w regule:

a {
    text-decoration: none !important;
}

CSS jest

text-decoration: none;

i

text-decoration: underline;

Spowoduje to usunięcie koloru oraz podkreślenia, z którym istnieje tag zakotwiczenia

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

Najprostsza opcja to:

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

Oczywiście mieszanie CSS z HTML (tj. Wbudowany CSS) nie jest dobrym pomysłem, szczególnie gdy używasz atagów w dowolnym miejscu.
Dlatego warto zamiast tego dodać to do arkusza stylów:

a {
    text-decoration: none;
}

Lub nawet ten kod w pliku JS:

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

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

Użyj CSS, aby usunąć text-decorations.

a {
    text-decoration: none;
}

Najlepsza opcja dla Ciebie, jeśli chcesz tylko usunąć podkreślenie z linku kotwicy-

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

Spowoduje to usunięcie podkreślenia.

Ponadto możesz użyć podobnej składni do manipulowania innymi stylami również przy użyciu-

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

Mam nadzieję że to pomoże!

PS - to moja pierwsza odpowiedź w historii!

w moim przypadku istniała reguła dotycząca efektu najechania przez kotwicę, taka jak:

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

Oczywiście text-decoration:none;nie mogło pomóc w tej sytuacji. I spędzam dużo czasu, dopóki się nie dowiem.

Tak więc: podkreślenia nie należy mylić z dolną krawędzią.

Czasami zastąpi to niektóre renderowanie CSS interfejsu użytkownika. Lepszy w użyciu:

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

Aby przedstawić inną perspektywę problemu (jak wynika z tytułu / treści oryginalnego postu):

Jeśli chcesz wyśledzić, co tworzy nieuczciwe podkreślenia w kodzie HTML, użyj narzędzia do debugowania. Istnieje wiele do wyboru:

W przeglądarce Firefox jest FireBug;

W przypadku Opery istnieje Dragonfly (zwany „Narzędziami programisty” w menu Narzędzia-> Zaawansowane; domyślnie jest dostarczany z Operą);

W przypadku przeglądarki IE istnieje „pasek narzędzi programistycznych programu Internet Explorer”, który jest osobnym plikiem do pobrania dla IE7 i niższych wersji i jest zintegrowany z IE8 (hit F12).

Nie mam pojęcia o Safari, Chrome i innych przeglądarkach mniejszościowych, ale prawdopodobnie powinieneś mieć przynajmniej jedną z trzech powyższych na swoim komputerze.

Jeśli chcesz użyć tagu zakotwiczenia po prostu jako łącza bez dodanego stylu (takiego jak podkreślenie po najechaniu myszą lub kolor niebieski), dodaj class="no-style"do tagu zakotwiczenia. Następnie w globalnym arkuszu stylów utwórz klasę „bez stylu”.

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

Ma to dwie zalety.

1. Nie wpłynie to na wszystkie tagi zakotwiczenia, tylko te z dodaną klasą „bez stylu”.
2. Zastąpi wszelkie inne style, które w innym przypadku mogą uniemożliwić ustawienie dekoracji tekstu na brak.

Nie zapomnij dołączyć arkuszy stylów za pomocą tagu link

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

Lub umieść CSS w tagu stylu na swojej stronie.

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

Nie polecam używania podkreślenia do niczego poza linkami, podkreślenie jest ogólnie akceptowane jako coś, co można kliknąć. Jeśli nie można go kliknąć, nie podkreślaj tego.

Podstawy CSS można znaleźć w w3schools

<u>

to przestarzały tag.

Posługiwać się...

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

z plikiem CSS zawierającym ...

span.underline
{
    text-decoration: underline;
}  

Lub tylko...

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

Użyj właściwości css,

text-decoration:none;

Aby usunąć podkreślenie z łącza.

Podkreślenie można usunąć za pomocą właściwości CSS zwanej dekoracją tekstu.

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

Jeśli chcesz usunąć podkreślenie tekstu obecnego w elementach innych niż a , należy użyć następującej składni.

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

Istnieje wiele innych wartości dekoracyjnych tekstu, które mogą pomóc w projektowaniu łączy.

Mam problem z drukowaniem stron internetowych i rozwiązany. Zweryfikowany wynik.

a {
    text-decoration: none !important;
}

To działa!.