Шрифт удивительный внутри кнопки asp

Ответ 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" 

К кнопке, затем в вашем С# выполните:

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>

Ответ 2

Вы можете использовать LinkButton

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

Они поддерживают html в текстовом поле.

Ответ 3

Вы можете сделать это, а не только с помощью CSS. Вам просто нужно установить свойство Text на кнопке в значение unicode символа fontovesome и дать кнопке класс "fa" css, чтобы он взял шрифт font-size.

<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/FontAwesome-ASP.NET

Ответ 4

Используйте LinkButton

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

Ответ 5

Вы также можете попробовать это решение -

<span  style="position:relative;">
    <i class="fa fa-hand-o-down"></i>
    <asp:Button ID="btnCatMoveDown" CssClass="movedown" CausesValidation="false" Text="" CommandName="categorymovedown" CommandArgument='<%#Eval("SomeId")%>' runat="server"></asp:Button>
</span>

<style>
    .movedown {
        position:absolute;
        opacity:0;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
</style>

Ответ 6

В остальных ответах изменяется кнопка asp: other, я покажу вам, хотите ли вы использовать кнопку asp:, EASY:)

/*CSS*/
/*Colors depends what btn you use, in this case i´m using btn-default*/

.btn_asp_icon{
    border: 0;
    background-color: #fff;
}

.btn:hover > .btn_asp_icon{
    background-color: #e6e6e6;
}

<!-- HTML -->

<div class="btn btn-default">

<i class="fa fa-search fa-fw fa-lg" aria-hidden="true"></i>
<asp:Button cssClass="btn_asp_icon" runat="server" text="Consultar"/>   

</div>

Ответ 7

Получите его на Nuget!

Install-Package FontAwesome-ASP.NET Использование

FontAwesome Icons В кнопках Webforms

Вы можете использовать значки FontAwesome внутри элементов управления веб-формы asp.net. Просто привяжите привязку к значку по вашему выбору из статических свойств класса FontAwesome.Icons. Затем либо вызовите DataBind() на вашей кнопке, либо DataBind() в своем родительском элементе управления или странице.

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

Ответ 8

Он не работает, он отображает сообщение об ошибке, подобное этому "Имя FontAwesome не существует в текущем контексте"