使用 MVC 将提交输入设置为看起来像具有 bootstrap 字形样式的跨度

Question

我有一个 link，其跨度使用 bootstrap 类来显示垃圾桶图标。所有这些都在 MVC

所以：

<a href=@Url.Action("Delete", "Site", new { siteID = Model.SiteId, clientID = Model.ClientID }) >
    <span class="glyphicon glyphicon-trash" />
</a>

我现在有一个输入，我想以相同的方式设置样式，但带有打印图标。输入是一个提交输入，我希望表单 post 返回一个在另一个输入中选择的文件。全部包裹在表格中。

这是我的代码：

@using (Html.BeginForm("Print", "Site", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input name="file" type="file">

    <input type="submit" value="OK" onclick="javascript: form.action='@Url.Action("Print", new { clientID = Model.ClientID, siteID = Model.SiteID })' " />
}

我希望输入看起来像是具有 bootstrap 样式的跨度，所以我希望它看起来像这样：

<span class="glyphicon glyphicon-print" />

谁能帮忙。

谢谢

Answer 1

将输入类型更改为按钮

<button type="submit" onclick="some action"><span class="fa fa-area-chart"></span></button>

这是您可以在按钮之间添加 span

使用 MVC 将提交输入设置为看起来像具有 bootstrap 字形样式的跨度

Style a submit input to look like a span with bootstrap glyphicon styling using MVC

css

asp.net-mvc

form-submit

twitter-bootstrap-3