如何清除@ Html.ActionLink中的所有锚样式

时间:2013-01-11 10:58:02

标签: asp.net-mvc html.actionlink

在我的MVC应用程序中,我使用了@Html.ActionLink。我已经将它们的样式设置为像按钮一样显示它们,但问题是CSS文件中有a, a:link等等(我的意思是,所有锚定行为)的stome样式,这就是{{ {1}}看起来像链接,而不是纯文本。有没有想要摆脱那些特定@Html.ActionLink控件的所有锚定行为?

1 个答案:

答案 0 :(得分:1)

使用jQuery是一个选项吗?您可以编写一个函数来在启动时从每个链接中删除css。

$(document).ready(function() {
    // to clear css from a specific item
    $("#your-link-id").removeClass();

    // to clear css from a bunch of links
    $("your-selector a").each(function() {
        $(this).removeClass();
    });
});

或者您可以创建其他css类来覆盖a标记上的样式。

<style type="text/css">
    .whatever { background-color:black !important; }
</style>

@Html.ActionLink("MyAction", "MyController", new { @class = "whatever" })