在asp.net按钮中添加图像和文本

Question

我正在寻找一个解决方案,我将能够在asp.net按钮中添加图像和文本.

 <asp:Button ID="Button1" runat="server" Text="Button"/> 

我只能为按钮指定文本,但是如何添加图像呢？

Answer 1

默认情况下,ASP .Net没有可以同时呈现图像和文本的按钮.但是,您可以通过两种方式实现.

使用CSS

我更喜欢CSS,因为它重量轻,你可以随心所欲地设计它.

<style type="text/css">
    .submit {
        border: 1px solid #563d7c;
        border-radius: 5px;
        color: white;
        padding: 5px 10px 5px 25px;
        background: url(https://i.stack.imgur.com/jDCI4.png) 
            left 3px top 5px no-repeat #563d7c;
    }
</style>

<asp:Button runat="server" ID="Button1" Text="Submit" CssClass="submit" />

第三方控制

它开箱即用.但是,你不能轻易改变他们的风格.

使用Telerik RadButton等第三方控件.

最后但并非最不重要的是,如果您愿意,您可以自己实现自定义服务器控件.

Answer 2

这是一个对我有用的简单解决方案：

 <asp:LinkButton runat="server" ID="btnRun" Text="<i class='fa fa-home'></i> Search"
                                    CssClass="btn-success" />