如何自定义asp:Button类

本文关键字：Button asp 自定义 | 更新日期: 2023-09-27 18:08:29

如何自定义asp:Button类?

这是像这样的问题:如何设置css样式asp.net按钮?但并不是真的，因为按钮是从cs类继承的。

我在一个ASPX文件中有这段代码:

<div class="buttonContainer" style="clear:both;width:100%;text-align:left">
   <asp:Button ID="btnProceed" runat="server"  Text="Next" OnClick="ProceedButton_Clicked" Enabled="true" />
</div>

如果我想让按钮变大或者字体变粗，我该怎么做呢?

btnProceed在.cs文件中定义如下:

 protected global::System.Web.UI.WebControls.Button btnProceed;

那么，有没有办法我可以继承一个System.Web.UI.WebControls.Button类并改变字体大小?

如何自定义asp:Button类

所有的服务器控件最终都会向浏览器呈现一些HTML标记。所以应用一个CSS类到你的按钮和样式它的方式你想要的。您可以使用CssClass属性来设置。

<asp:Button ID="btnProceed" runat="server" Text="Hi" CssClass="yourClass" />

并将此样式放入你的css文件中，该文件将包含在你的aspx页面中。

.yourClass
{
  font-size:72px;
  font-weight:bold;
}

你可以为你的按钮定制任何样式

.buttonContainer input
{
   font-size: 14px;
   font-weight: bold;
   /**** ETC ***** /
}

您可以使用btnProceed.Font.Size = FontUnit.Point(50);在服务器端设置字体大小

相关文章：