2010-10-15 14 views
7

Mam Html.ActionLink na mojej stronie i używam następujący CSS na to, aby nadać jej wizerunek i spróbować usunąć podkreślenie .....Zdejmowanie podkreślenie z Html.ActionLink

a.searchButton 
{ 
    background-image: url(/content/images/DropAcross.png); 
    background-repeat: no-repeat; 
    height: 16px; 
    width: 16px; 
    display: block; 
    text-decoration: none; 
    clear:none; 
} 

Czy ktoś może zobaczyć z tym problem? Wszystkie właściwości CSS wydają się działać niezależnie od dekoracji tekstowej: none, która wydaje się pozostawić podkreślenie w miejscu.

+1

Czy możemy zobacz, jak tworzysz link? – spinon

+5

Nie widzę niczego oczywistego. Czy możesz również opublikować kod HTML? ("View Source" zamiast .ascx) –

+1

Czy masz dostęp do Firebug? To natychmiast poda odpowiedź. –

Odpowiedz

5

Będziesz musiał spojrzeć na renderowany html. W przeglądarce Firefox lub Google Chrome kliknij prawym przyciskiem myszy i wybierz opcję Sprawdź element.

Można znaleźć coś głupie jak klasy Searchbutton jest stosowana do rozpiętości, które owija się znacznik, w tym przypadku, można dostać wszystko działa z wyjątkiem szczególnych zasad link:

text-decoration:none; 
+0

Sprawdzanie elementu w Chrome doprowadziło mnie do odpowiedzi. Był inny styl, który dodawał obramowanie. Wielkie dzięki. –

2

Ustawianie text-decoration:none; powinien pracować.

Czy to możliwe, że nadpisują się inne style? Czy sprawdziłeś w Firebug (lub podobnych narzędziach), aby zobaczyć, jakie style są stosowane?

Jedną z możliwych odpowiedzi mogą być pseudo klasy :hover, :visited i :active. Jeśli są ustawione na podkreślenie, to zastąpią domyślny styl elementu.

3

Wiem, że to stary temat, ale może ktoś będzie considere to pomocne -
„text-decoration” atrybut, o których mowa powyżej, mogą być przekazywane do actionlink przez budowę tak:

@Html.ActionLink("Display_Name","Action_Name",null,new {style="text-decoration:none;"}) 
+0

tak, to jest prawo. musimy nadać "zerowy", wtedy tylko styl będzie działał dobrze ... –