Question

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

[其他细节] 对于超链接的每个状态，颜色必须是不同的，即已经选择了活动的，已选择的，等等。

Answer 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 }

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

Answer 3

一些解释基于@dahlbyk回答

a：链接 - 正常的，未访问过的链接
a：已访问 - 用户访问过的链接
a：悬停 - 当用户将鼠标悬停在
a：有效 - 点击该链接时的链接

为多个链接状态设置样式时，有一些订单规则：

a：hover必须在：link和a：visited
a：主动必须在a：hover

可以找到更多详细信息here

Answer 4

尝试，这样对某人也有帮助

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

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

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

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

4 个答案: