ASP.NET MVC Html.ActionLink siêu liên kết màu

Question

Làm cách nào để thay đổi màu của siêu liên kết được tạo bởi hàm trợ giúp Html.ActionLink?

[chi tiết bổ sung] Những màu sắc sẽ phải khác nhau cho mỗi tiểu bang của hyperlink bạn muốn, ví dụ: hoạt động, lựa chọn, đã được chọn vv

Answer 1

Thông thường bạn sẽ làm điều gì đó như thế này:

Html.ActionLink("My Link", "MyAction", null, new { @class = "my-class" }) 

Và sau đó sử dụng CSS để tạo kiểu my-class:

a.my-class { color: #333333 } 
a.my-class:active { color: #666666 } 
a.my-class:link { color: #999999 } 
a.my-class:visited { color: #CCCCCC } 

Answer 2

Phương pháp ActionLink() bị quá tải. Một số chữ ký này cho phép truyền thông số object htmlAttributes.

Bạn có thể làm một cái gì đó như thế này:

Html.ActionLink("foo", "bar","baz", 
      new { id = 1}, // Route args if needed; null if not. 
      new {@style="color:#000aaa;" } 
      ); 

lẽ bạn có một lớp CSS đã được xác định:

Html.ActionLink("foo", "bar","baz", 
      new { id = 1}, // Route args if needed; null if not. 
      new {@class="MyClass;" } 
      ); 

Answer 3

Một số sự giải thích dựa trên câu trả lời @dahlbyk

• a: link - một bình thường, unvisited liên kết
• a: visited - một liên kết người dùng đã ghé thăm
• a: hover - liên kết khi người dùng di chuột qua nó
• a: hoạt động - một liên kết thời điểm nó được nhấp

Khi đặt kiểu cho nhiều quốc gia liên kết, có một số quy tắc theo thứ tự:

• a: hover PHẢI đến sau a: link và a: visited
• a: active pHẢI đi sau một: hover

More detailes thể được tìm thấy here