ASP.NET MVC в формате HTML.Цвет гиперссылки ActionLink

Как изменить цвета гиперссылки, созданной вспомогательной функцией Html.Actionlink панели?

[дополнительная деталь] Цвета должны быть разными для каждого государства гиперссылки, т. е. активный, выбран, уже был выбран, и т. д.

11
asp.net-mvc css

3 ответов

обычно вы делаете что-то вроде этого:

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

а затем используйте CSS для стиля 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 }
23

на ActionLink() метод перегружен. Некоторые из этих сигнатур позволяют передавать параметр object htmlAttributes.

вы можете сделать что-то вроде этого:

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

возможно, у вас уже определен класс CSS:

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

некоторые объяснения основываются на ответе @dahlbyk

  • a: ссылка - нормальная, незваная ссылка
  • a: посетил - ссылка, которую пользователь посетил
  • a:наведите - ссылка, когда пользователь наведет на нее
  • a:активная - ссылка в тот момент, когда она нажата

при настройке стиля для нескольких состояний ссылок существуют некоторые правила порядка:

  • a: наведите курсор Должен прийти после A: link и a: visited
  • a: active должен прийти после a: hover
1