如何在asp Button的Text属性中使用html

Question

我正在尝试<i>为asp按钮包含一个Text属性,但它只是将html渲染为文本...

<asp:Button runat="server" ID="modify" ToolTip="Modify" CssClass="btn btn-mini" OnClick="modify_Onclick" Text='<i class="icon-edit"></i>' />

我必须过度思考这个......

编辑: 我正在使用twitter bootstrap框架.这就是<i>标签的原因.这是一个例子:http://twitter.github.com/bootstrap/base-css.html#icons

Answer 1

你可以用<asp:LinkButton.Bootstrap呈现锚标签(asp:LinkBut​​ton),如输入类型提交按钮(asp:Button).

<asp:LinkButton runat="server" ID="modify" ToolTip="Modify" CssClass="btn btn-mini" OnClick="modify_Onclick" Text='<i class="icon-edit"></i>' />

Answer 2

我最终做的是使用一个html按钮,runat=server并把它<i>放在里面.

<button runat="server" id="modify" class="btn btn-mini" title="Modify" onserverclick="modify_Onclick">
    <i class="icon-edit"></i>
</button>

Answer 3

你会这样做的

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

看看这个例子(但是如果你使用的是sitefinity CMS,这将无法工作) 字体在asp按钮内很棒

Answer 4

您可以利用<label>标记的for属性.基本上任何点击<label>都会触发一个id为<label>与s for属性相同的html元素的click事件

例如:

<label for="modify"><i class="icon-edit"></i></label>
<asp:Button style="display:none;" runat="server" ID="modify" ToolTip="Modify" CssClass="btn btn-mini" OnClick="modify_Onclick" Text='' />

点击<label>此处的元素(也点击该<i>元素),将触发<asp:button>点击事件.