asp.net - 在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(/image/jDCI4.png) 
            left 3px top 5px no-repeat #563d7c;
    }
</style>

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

第三方控制

开箱即用。但是，您无法轻松更改其样式。

使用像 Telerik RadButton这样的第三方控件。

最后但并非最不重要的一点是，您可以自己实现自定义服务器控件。