Jak usunąć podkreślenie z nazwy po najechaniu kursorem

123

Mam taki html:

<legend class="green-color"><a name="section1">Section</a></legend>

legend.green-color{
    color:green;
}

W moim przypadku Sectionwygląda na zielony, ale kiedy umieściłem na nim wskaźnik myszy, zaczął wyglądać jak href, ale chcę, aby pozostał taki sam bez podkreślania i zmiany koloru.

Czy można to osiągnąć bez zmiany css lub z minimalnym cahnge css?

lub może być jakoś z jquery?

html css Joper
źródło

Odpowiedzi:

225

Spróbuj tego:

legend.green-color a:hover{
    text-decoration: none;
}
Harry Joy
źródło
20
Do Twojej wiadomości dla osób używających Bootstrap ... Musiałem użyć "! Important" po "none", aby to zadziałało. Przykład: a: hover {text-decoration: none! Important; }
JustBlossom
19

Usuń dekorację tekstu z tagu kotwicy

<a name="Section 1" style="text-decoration : none">Section</a>
Adithya Surampudi
źródło
4
Używanie stylów liniowych jest uważane za złą praktykę. Lepiej jest oddzielić html od stylów, aby później ograniczyć prace konserwacyjne.
7
Nie mam tu na myśli wojny z płomieniami, ale podoba mi się ten styl in-line. Mam na myśli to, że mój plik HTML potrzebuje tego typu stylu raz lub dwa razy. Nie widzę uzasadnienia czasu w tworzeniu oddzielnego arkusza stylów, nawet oddzielenie jest dobrą praktyką.
user3454439
6

Możesz użyć CSS poniżej, legend.green-color a:hoveraby to zrobić.

legend.green-color a:hover {
    color:green;
    text-decoration:none;
}
Mały Zderzacz Hadronów
źródło
5

Aby zachować kolor i zapobiec podkreślaniu linku:

legend.green-color a{
    color:green;
    text-decoration: none;
}
Chris
źródło
3

Możesz przypisać identyfikator do konkretnego linku i dodać CSS. Zobacz poniższe kroki:

1. Dodaj wybrany identyfikator (musi to być unikalna nazwa; może zaczynać się tylko od tekstu, a nie liczby):

<a href="/abc/xyz" id="smallLinkButton">def</a>

  1. Następnie dodaj niezbędny kod CSS w następujący sposób:

    #smallLinkButton:hover,active,visited{

      text-decoration: none;
      }
Raymond Wachaga
źródło
2 

legend.green-color{
    color:green !important;
}
Rozwiń fragment

BaiJiFeiLong
źródło