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

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>

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