为何不试试Html.ActionLink，让按钮变身长尾疑问？

本文共计335个文字，预计阅读时间需要2分钟。

我想将@Html.ActionLink作为按钮。使用Html.ActionLink：li class=btn btn-sm>@Html.ActionLink(Redeem Reward, GetReward, Home, new { id=price.PriceId }, new { @class=lnkGetReward })/li。目前，当我点击它时，看起来很好。

我想把@ Html.Actionlink作为按钮.

工作Html.Actionlink：

<li class="btn btn-sm"> @Html.ActionLink("Redeem Reward", "GetReward", "Home", new { id = price.PriceId }, new { @class = "lnkGetReward"})</li>

目前,当我点击它时看起来好像点击了一个链接,如果我们单击按钮边框,它就不起作用了.

我也在使用字体很棒的类.

我可以使用相同的id和@class使用@ Url.Action吗？

而不是将li上的按钮类直接应用于链接.

在使用bootstrap时,您可能希望添加btn-default以获得按钮的完整样式.

<li> @Html.ActionLink("Redeem Reward", "GetReward", "Home", new { id = price.PriceId }, new { @class = "lnkGetReward btn btn-default btn-sm"}) </li>

但是,如果您100％确定要使用Url.Action,则代码将如下所示.

<li class="btn btn-sm"> <a href="@Url.Action("GetReward", "Home", new { id = price.PriceId })" class="lnkGetReward">Redeem Reward</a> </li>

我再次建议您将btn btn-sm直接应用于链接.可能有btn默认值.

根据评论进行编辑：

<li> <a href="@Url.Action("GetReward", "Home", new { id = price.PriceId })" class="lnkGetReward btn btn-default btn-sm"> <i class="fa fa-mobile"></i> Redeem Reward </a> </li>