asp按钮内的字体很棒

Question

这是我的asp:按钮代码,它不是渲染字体真棒的图标,而是显示HTML原样:

  <asp:Button runat="server" ID="btnRun" Text="<i class='icon-camera-retro'></i> Search" ValidationGroup="edt" OnClick="btnRun_Click"  CssClass="greenButton"/>

知道如何解决这个问题？

Answer 1

您不能使用默认的asp.net按钮,您需要使用HTML按钮并为其指定runat = server属性:

<button runat="server" id="btnRun" class="btn btn-mini" title="Search">
    <i class="icon-camera-retro"></i> Search
</button>

所以使用后面的代码添加:

onserverclick="functionName" 

到按钮,然后在你的C#中:

protected void functionName(object sender, EventArgs e)
{
    Response.Write("Hello World!!!");
}

所以最终按钮看起来像:

<button runat="server" id="btnRun" onserverclick="functionName" class="btn btn-mini" title="Search">
    <i class="icon-camera-retro"></i> Search
</button>

Answer 2

您可以使用LinkBut​​ton

<asp:LinkButton runat="server" ID="btnRun" Text="<i class='icon-camera-retro'></i> Search" 
                ValidationGroup="edt" OnClick="btnRun_Click" CssClass="greenButton" />

他们在文本字段中支持html.

Answer 3

你可以做到这一点,但不仅仅是CSS.您只需要将按钮上的Text属性设置为fontawesome字符的unicode值,并将按钮设置为'fa'css类,以便它占用fontawesome字体.

<asp:Button ID="Button1" runat="server" 
    Text="\xF135" CssClass="fa" />

我创建了这个帮助程序库,它提供强类型的所有图标代码,如果它转动你的曲柄:

<asp:Button ID="Button1" runat="server" 
    Text="<%# FontAwesome.Icons.Rocket %>" CssClass="fa" />

Nuget:Install-Package FontAwesome-ASP.NET

资料来源:https://github.com/kemmis/F​​ontAwesome-ASP.NET

Answer 4

使用链接按钮

<asp:LinkButton runat="server" ID="btnRun" ValidationGroup="edt" OnClick="btnRun_Click" CssClass="greenButton" > <i class='icon-camera-retro'></i> Search </asp:LinkButton>