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

发布时间：2020-12-15 22:35:59 所属栏目：asp.Net 来源：网络整理

导读：我正在寻找一个解决方案,我将能够在asp.net按钮中添加图像和文本. asp:Button ID="Button1" runat="server" Text="Button"/ 我只能为按钮指定文本,但是如何添加图像呢？解决方法默认情况下,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这样的第三方控件.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!