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

前端之家收集整理的这篇文章主要介绍了在asp.net按钮中添加图像和文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一个解决方案,我将能够在asp.net按钮中添加图像和文本.
<asp:Button ID="Button1" runat="server" Text="Button"/>

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

解决方法

默认情况下,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这样的第三方控件.

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

猜你在找的asp.Net相关文章