使用bootstrap图标

时间:2017-06-12 11:07:38

标签: asp.net twitter-bootstrap

我想在我的表单上创建一个使用bootstrap glyphicon而不是单词“Search”的搜索按钮

不幸的是,ASPX只将按钮的Text渲染为字符串,因此我无法将glyphicon添加到按钮中(见下文):

<asp:Button runat="server" id="btnSearch" Text="<i class='glyphicon glyphicon-search'></i>">
</asp:Button>

这会在代码中看到按钮上写有整个 标记的按钮,这显然不是我想要的。

如何渲染此搜索按钮以显示glyphicon而不是文本字符串?

1 个答案:

答案 0 :(得分:0)

我选择的替代方法是添加一个搜索按钮,其图标为LinkButton控件:

<asp:TextBox runat="server" ID="txtSearch" placeholder="Search" />
<asp:LinkButton runat="server" ID="btnSearch">
    <span aria-hidden="true" class="glyphicon glyphicon-search"></span>
</asp:LinkButton>