Asp.net

在 asp.net 按鈕中添加圖像和文本

  • May 4, 2021

我正在尋找一種解決方案,我將能夠在 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等第三方控制項。

最後但並非最不重要的一點是,如果您願意,您可以自己實現自定義伺服器控制項。

引用自:https://stackoverflow.com/questions/17912432