Html.ActionLink() 在鼠标悬停或单击时超链接带有下划线

Question

请问如何使用 html.actionlink() 而没有带下划线的字符串链接文本。

下面是HTML

<div class="w3-bar-item w3-button w3-hover-opacity">
        <i class="fa fa-home w3-xlarge">
            @Html.ActionLink("Home", "Index", "Home", new { area = "" }, new { onclick="showSpinner()"})
        </i>
    </div>

Answer 1

通过使用 Html.ActionLink

的样式重载版本

@Html.ActionLink("Link text", "Action name", "Controller name", new { area = "" }, new { Style = "text-decoration:none;"})

Html.ActionLink() 在鼠标悬停或单击时超链接带有下划线

Html.ActionLink() having the hyperlink underline when mouse over or clicked

css

asp.net

asp.net-mvc

twitter-bootstrap

w3.css