Loại bỏ các gạch dưới từ một Html.ActionLink

Question

Tôi có một Html.ActionLink trên trang của tôi và tôi đang sử dụng CSS sau đây vào nó để cung cấp cho nó một hình ảnh và thử và loại bỏ các gạch dưới .....

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

Có ai có thể gặp sự cố với vấn đề này không? Tất cả các thuộc tính CSS dường như hoạt động ngoài văn bản trang trí: không có gì, mà dường như để lại gạch dưới tại chỗ.

Answer 1

Bạn sẽ phải xem html được hiển thị. Trong Firefox hoặc Google Chrome, nhấp chuột phải và chọn Kiểm tra phần tử.

Bạn có thể thấy một cái gì đó ngớ ngẩn như lớp Album ảnh đang được áp dụng cho một khoảng thời gian mà kết thúc tốt đẹp một thẻ, trong trường hợp này, bạn sẽ nhận được tất cả mọi thứ làm việc ngoại trừ các quy tắc cụ thể liên kết:

text-decoration:none; 

Answer 2

Thiết text-decoration:none; phải làm việc.

Có thể có một số kiểu khác ghi đè không? Bạn đã xem Firebug (hoặc các công cụ tương tự) để xem những kiểu nào đang được áp dụng?

Một câu trả lời có thể là các lớp học :hover, :visited và :active giả. Nếu chúng được thiết lập để có gạch dưới, thì chúng sẽ ghi đè kiểu mặc định cho phần tử đó.

Answer 3

tôi biết rằng đó là chủ đề cũ, nhưng có lẽ ai đó sẽ considere nó hữu ích -
"text-decoration" thuộc tính, đã đề cập ở trên, có thể được thông qua với ActionLink bằng xây dựng như thế này:

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