如何将 CSS 类应用于 Razor 中的 HTML 动作链接答案

【问题标题】：How to apply CSS class to HTML Action Link in Razor如何将 CSS 类应用于 Razor 中的 HTML 动作链接
【发布时间】：2014-07-11 03:23:22
【问题描述】：

我有：

<a class="btn btn-default" href="~/Person">List of Cients &raquo;</a>

我想用 HTML Action Link 替换它，但不要更改视觉样式。

我想去IndexPersonController的操作：

公共类 PersonController : 控制器 { 私有 PersonContext db = new PersonContext();

    // GET: Person
    public ActionResult Index()
    {
        return View(db.Persons.ToList());
    }
}

@Html.ActionLink(...) 应该是什么样子。

编辑：

我试过了：

   <p><a class="btn btn-default" href="~/Person">List of Cients &raquo;</a></p>
        @Html.ActionLink("List of Clients &raquo", "Index", "Person", new { @class = "btn btn-default" })

有问题：&raquo; ActionLink 不呈现漂亮的箭头。

EDIT2：

试过了，没有结果：@Html.ActionLink("List of Clients " + HttpUtility.HtmlDecode("&raquo"), "Index", "Person", new { @class = "btn btn-default" })

编辑：两者都不起作用。

  <p> @Html.ActionLink("List of Clients »", "Index", "Person", new { @class = "btn btn-default" })</p>
       <p> @(Html.ActionLink("List of Clients »", "PersonController/Index", new { @class = "btn btn-default" }));

首先给出正确的样式，但是当我单击时，我在链接中得到length=6。第二个没有样式和链接：http://localhost:17697/Home/PersonController/Index?class=btn%20btn-default

回答：这个有效：

 @Html.ActionLink("List of Clients »", "Index", "Person", null, new { @class = "btn btn-default" })

【问题讨论】：

标签： html css asp.net-mvc razor actionlink

【解决方案1】：

@(Html.ActionLink("Title", "/PersonController/Index", new { @class = "myCssClass" }));

这里有一个链接供参考：http://msdn.microsoft.com/en-us/library/dd492124(v=vs.108).aspx

【讨论】：

» actionLink 无法理解这笔交易是在原始链接中有漂亮的>>：<a class="btn btn-default" href="~/Person">List of Cients &raquo;</a>||| @Html.ActionLink("List of Clients &raquo", "Index", "Person", new { @class = "btn btn-default" })
那么这项工作有效吗？..我现在明白你的问题了......你应该在问题中提到它。您在问题中要求上课
它们不起作用。请查看 OP 中的最后一次编辑。
这个有效： @Html.ActionLink("List of Clients »", "Index", "Person", null, new { @class = "btn btn-default" })
你真的应该修改你的问题，在actionlink的文本部分询问html字符代码，而不是要求上课。这让其他人感到困惑。

【解决方案2】：

请试试这个，它会起作用的

 <a href="@Url.Action("Index", "Person")">
    <button class="btn btn-default">
        List of Cients &raquo;
    </button>
    </a>

【讨论】：

【解决方案3】：

试试这个

@Html.ActionLink("ButtonText", "Action","Controller", new {@class="btn btn-default"})

这对我有用。

注意。 new {@class="btn btn-default"} 在第三个逗号之后。

【讨论】：

【解决方案4】：

<pre> 
<p>I will display &#187;</p>
 <div>
        @Ajax.ActionLink("Contact " + HttpUtility.HtmlDecode("&#187;"),
                   "_PartialEmployeeIndex", "Employee",
                        new AjaxOptions() { UpdateTargetId = "divToUpdate" }, 
                   new { @class = "btn btn-primary" })
    </div>
</pre>

【讨论】：