Style a submit input to look like a span with bootstrap glyphicon styling using MVC
<p>I have an link with a span which uses bootstrap classes to display a trash icon. All this is in MVC</p>

<p>so:</p>

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

<p>I now have an input which I want to style in the same way but with a print icon. The input is a submit input and I want the form to post back with a file with is selected in another input. All wrapped in a form.</p>

<p>Here is my code:</p>

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

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

<p>I would like to like the input to look as if it was a span with bootstrap styling so I want it to look like this:</p>

<pre><code>&lt;span class="glyphicon glyphicon-print" /&gt;
</code></pre>

<p>Can anyone help.</p>

<p>Thanks</p>