2011-08-25 14 views
79

mam taki HTML:Jak usunąć podkreślenie z nazwą przy aktywowaniu

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

legend.green-color{ 
    color:green; 
} 

W moim przypadku Section patrząc na zielono, ale kiedy umieścić wskaźnik myszy na niej stało się patrząc jak a href, ale chcę pozostaje taki sam bez podkreślenia i zmiany koloru.

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

lub może być jakoś z jquery?

Odpowiedz

145

spróbuj tego:

legend.green-color a:hover{ 
    text-decoration: none; 
} 
+4

FYI dla osób używających Bootstrap ... Musiałem użyć "! Important" po "none", aby to działało. Przykład: a: hover { dekoracja tekstowa: none; important; important; } – JustBlossom

3

Aby zachować kolor i zapobiec podkreślenie na link:

legend.green-color a{ 
    color:green; 
    text-decoration: none; 
} 
2

Można użyć CSS pod legend.green-color a:hover to zrobić.

legend.green-color a:hover { 
    color:green; 
    text-decoration:none; 
} 
11

Usuń dekoracji tekstu dla tagu kotwicy

<a name="Section 1" style="text-decoration : none">Section</a> 
+2

Uważa się za kiepską praktykę używania stylów in-line. Lepiej oddzielić html od stylów, aby później ograniczyć prace konserwacyjne. –

+2

Nie mam zamiaru wywoływać wojny ognia tutaj, ale lubię ten styl in-line. Mam na myśli, że mój plik HTML potrzebuje tego typu stylu jeden lub dwa razy. Nie widzę czasu uzasadnionego przez stworzenie osobnego arkusza stylów, nawet separacja stanowi dobrą praktykę. – user3454439

1

można przypisać identyfikator do konkretnego link i dodać CSS. Zobacz czynności:

1.Add identyfikator swojego wyboru (musi być unikalna nazwa, można uruchomić tylko z tekstem, a nie liczba):

<a href="/abc/xyz" id="smallLinkButton">def</a> 
  1. Następnie dodać niezbędną CSS następująco:

    #smallLinkButton:hover,active,visited{ 
    
         text-decoration: none; 
         } 
    
Powiązane problemy