如何将引导 glyphicon 设置为 html 输入类型按钮？答案

【问题标题】：How can set bootstrap glyphicon to html input type button?如何将引导 glyphicon 设置为 html 输入类型按钮？
【发布时间】：2017-04-27 00:13:54
【问题描述】：

我是 bootstrap 新手，想创建带有 glyphicon 图标的简单按钮，为此编写以下 html 代码：

<button type="button" class="btn btn-success" >
        <span class="glyphicon glyphicon-shopping-cart"></span> سبد خرید شما &nbsp;&nbsp;<span class="badge"> @ViewBag.BAGCOUNT</span>
</button>

一切都很好，但是想要当按钮触发时转到控制器操作方法的 on 意味着更改此代码：

    <input type="button" value="Create" class="btn btn-success" onclick="location.href = '@Url.Action("Create", "User")'"/>
<span class="glyphicon glyphicon-shopping-cart"></span> سبد خرید شما &nbsp;&nbsp;<span class="badge"> @ViewBag.BAGCOUNT</span>

但该代码向我展示了这一点：

我该如何解决这个问题？谢谢大家。

【问题讨论】：

为什么要更改 <button>?。只需处理按钮.click() 事件。
或者更好，用<a>替换<button>
@StephenMuecke 是的，只需单击按钮
@StephenMuecke 你能给我写信吗？
<a href="@Url.Action("Create", "User")" class="btn btn-success" ><span class="glyphicon .....</span></a>

标签： asp.net-mvc twitter-bootstrap razor

【解决方案1】：

没有理由将<button> 更改为<input> 元素。您可以简单地处理<button> 的onclick 事件，但是使用链接会更容易

<a href="@Url.Action("Create", "User")" class="btn btn-success" >
    <span class="glyphicon glyphicon-shopping-cart"></span> سبد خرید شما &nbsp;&nbsp;
    <span class="badge"> @ViewBag.BAGCOUNT</span>
</a>

【讨论】：