ASP.NET MVC Html.ActionLink 超链接颜色答案

【问题标题】：ASP.NET MVC Html.ActionLink hyperlink colorASP.NET MVC Html.ActionLink 超链接颜色
【发布时间】：2011-10-27 18:31:43
【问题描述】：

如何更改由辅助函数 Html.ActionLink 创建的超链接的颜色？

[更多细节] 超链接的每种状态的颜色都必须不同，即活动、已选择、已选择等。

【问题讨论】：

标签： css asp.net-mvc

【解决方案1】：

通常你会这样做：

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 }

【讨论】：

【解决方案2】：

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;" }
            );

【讨论】：

谢谢。我会试试的。我对这个例子的问题是如果它有效，超链接将只有颜色（可能是）。超链接具有活动、选择等状态。我需要它们具有不同的颜色。
@Ronald - 您只需添加适当的 css 选择器，就像您在标准 html 中所做的那样。确实有成千上万的文章讨论这个问题，应该不难找到。

【解决方案3】：

一些解释基于@dahlbyk 的回答

a:link - 一个普通的、未访问过的链接
a:visited - 用户访问过的链接
a:hover - 用户将鼠标悬停在链接上时的链接
a:active - 点击时的链接

在为多个链接状态设置样式时，有一些顺序规则：

a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须在 a:hover 之后

更多详情可以查看here

【讨论】：

您对订单规则的评论让我免于沮丧。谢谢。
@SJaka 我的荣幸；-)

【解决方案4】：

试试吧，这样也会对别人有帮助

Html.ActionLink("Your Link", "YourAction")

<style>   
  a{
        color: #FF5722;
        text-decoration: none;
    }

//if needed hover
  a:hover {
            color: #FF5722;
     }
//Likewise active,visited
</style>

【讨论】：