C# 带有引导图标的ASP.NET按钮

C# 带有引导图标的ASP.NET按钮,c#,css,asp.net,twitter-bootstrap,twitter-bootstrap-3,C#,Css,Asp.net,Twitter Bootstrap,Twitter Bootstrap 3,我正在尝试使用glyphicons作为ASP按钮的图标 我知道您可以通过给元素适当的glyphiconCSS,然后在所需的按钮下将其设置为父元素来轻松实现这一点 然而,我想从C#端而不是HTML来完成这项工作。我该怎么做 我尝试了以下方法,但没有成功: HtmlGenericControl i1 = new HtmlGenericControl("i"); i1.Attributes["class"] = "glyphicon glyphicon-backward"; i1.Attributes

我正在尝试使用glyphicons作为ASP
按钮的图标

我知道您可以通过给
元素适当的
glyphicon
CSS,然后在所需的按钮下将其设置为父元素来轻松实现这一点

然而,我想从C#端而不是HTML来完成这项工作。我该怎么做

我尝试了以下方法,但没有成功:

HtmlGenericControl i1 = new HtmlGenericControl("i");
i1.Attributes["class"] = "glyphicon glyphicon-backward";
i1.Attributes["aria-hidden"] = "true";

Button btnFirst = new Button();
btnFirst.ID = "btnFirst";
btnFirst.CommandName = "FirstPage";
btnFirst.CssClass = "btn btn-default pageButton";
btnFirst.Click += new EventHandler(btnFirst_Click);
btnFirst.Controls.Add(i1);
container.Controls.Add(btnFirst);
如果我像上面那样运行,按钮会显示出来,但是没有图标。
在HTML中,按钮下面没有嵌套的
元素。实际上,它似乎不存在。

基本上不能将
与GlyphIcon一起使用,因为
变成了不支持任何子元素的

两种可能的解决方案:


使用
代替


返回
这是常见的解决方案


或者使用
提交隐藏的


点击

如果您坚持使用
而不是
,这是一种解决方法。还有一些其他的解决办法,但这是最合法的。

您的CSS中有所有正确的设置吗?您是否可以包括您正在使用的任何与此相关的CSS?另外,将
i
标记作为
按钮
控件的子控件,您想做什么?它的输出可能类似于
…使用上面的命令,你会得到什么HTML输出?什么是“i”?使用按钮标签,然后为它应用类。我在上面添加了更多信息!我基本上是想让它看起来像这样:
我不能简单地将glyphicon类应用于按钮本身,因为它什么都不做。
<asp:LinkButton runat="server" ID="lbFoo" OnClick="lbFoo_Click" CssClass="btn btn-default">
    <i class="glyphicon glyphicon-backward" aria-hidden="true"></i>Back
</asp:LinkButton>
<button type="button" class="btn btn-default" onclick="<%=btnHidden.ClientID %>.click()">
    <i class="glyphicon glyphicon-backward" aria-hidden="true"></i>
    Click
</button>

<asp:Button runat="server" style="display:none;" ID="btnHidden"
    OnClick="btnHidden_Click"></asp:Button>