在MVC5视图中更改按钮样式

Question

我使用我在MVC5中创建的以下视图代码，我想更改按钮样式 就像论坛按钮（例如在这个堆栈论坛中询问问题按钮，添加按钮框架颜色等），我该怎么做？ 目前只是它的文字，当你用鼠标移动它时，你会看到它下面的线......

<p>
    @Html.ActionLink("Create New Item", "Create")
</p>

Answer 1

你只需要用CSS设置按钮的样式。

<p>
    @Html.ActionLink("Create New Item", "Create", 
        null, htmlAttributes: new { @class = "mybtn"})
</p>
<style type="text/css">
    a.mybtn {
        background: #777;
        color: #fff;
        display: inline-block;
        padding: 6px 12px 6px 12px;
        text-decoration: none;
    }
</style>

Answer 2

使用重载

@Html.ActionLink("linktext", "action", "controller", routeValues: new { }, htmlAttributes: new { @class="" })

然后提供一个css类。

Answer 3

使用此：

<button type="submit" class="btn btn-labeled btn-info" onclick="location.href='@Url.Action(" Details ", "Movies
",new { id = item.Id})'" data-toggle="modal tooltip" data-target="" title="Details">
<span class="btn-label">
    <i class="glyphicon glyphicon-comment"></i>
</span>
Details