如何将css类添加到MVC中的Action链接[重复]答案

【问题标题】：How to add css class to Action link in MVC [duplicate]如何将css类添加到MVC中的Action链接[重复]
【发布时间】：2016-07-14 10:43:05
【问题描述】：

我正在创建MVC5 project.using Inspina theme 我已经使用Entity framework 它生成的代码像这样Edit delete details

像这样关注

@Html.ActionLink("Edit", "Edit", new { id = item.ClientId })  |
@Html.ActionLink("Details", "Details", new { id = item.ClientId }) |
@Html.ActionLink("Delete", "Delete", new { id = item.ClientId })

以前添加自定义字体图标编辑按钮和删除类这样

 <a class="fa fa-edit">@Html.ActionLink("Edit", "Edit", new { id=item.ClientId })</a>
 <a class="fa fa-times">@Url.Action("Delete", new { id=item.ClientId })</a>

最后我想fa fa-edit这个类里面的动作链接代码实体框架生成器。如何添加看起来像我以前的按钮

【问题讨论】：

标签： c# asp.net-mvc razor asp.net-mvc-5 actionlink

【解决方案1】：

您可以像这样向ActionLink 添加课程

@Html.ActionLink("Edit", "Edit", new { id = item.ClientId }, new { @class = "fa fa-edit" }) 
@Html.ActionLink("Delete", "Delete", new { id = item.ClientId }, new { @class = "fa fa-times" })

【讨论】：

你不需要添加两个不同的实例，你可以这样做 @Html.ActionLink("Edit", "Edit", new { id = item.ClientId, @class= "fa fa-编辑”}

【解决方案2】：

你可以这样做：

@Html.ActionLink("Edit", "Edit", new { id=item.ClientId }, new { @class = "myCssClass" })

@ 很重要，因为class 是 C# 关键字。

希望对你有帮助！

【讨论】：

你不需要添加两个不同的实例，你可以这样做 @Html.ActionLink("Edit", "Edit", new { id = item.ClientId, @class= "fa fa-编辑”}
一个用于 MVC 路由参数，另一个用于 HTML 属性。

【解决方案3】：

您可以通过 ActionLink MVC 辅助方法的 htmlAttributes 参数设置它，如下所示，您应该为您的 htmlAttributes 对象使用 @class 属性。

@Html.ActionLink("Edit", "Edit", new { id = item.ClientId, @class="MyClass" })  |
@Html.ActionLink("Details", "Details", new { id = item.ClientId, @class="MyClass"  }) |
@Html.ActionLink("Delete", "Delete", new { id = item.ClientId, @class="MyClass"  })

希望对你有帮助

【讨论】：