如何将 css 类添加到 MVC 中的操作链接

本文关键字：MVC 操作 链接 添加 css | 更新日期: 2023-09-27 17:57:00

我正在创建MVC5项目，使用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这个类里面来操作链接代码实体框架生成器。如何添加看起来像我以前的按钮的外观

如何将 css 类添加到 MVC 中的操作链接

你可以

像这样将类添加到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 }, new { @class = "myCssClass" })

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

希望对您有所帮助！

您可以通过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"  })

希望这有帮助

相关文章：