如何自定义asp:Button类?

时间:2013-04-11 03:15:05

标签: c# asp.net css

如何自定义asp:Button类?

这就像这个问题:How to set css style to asp.net button?但不是真的,因为按钮是从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类并更改字体大小?

3 个答案:

答案 0 :(得分:4)

所有服务器控件最终都会向浏览器呈现一些HTML标记。因此,在您的按钮上应用 CSS类,并按照您希望的方式设置样式。您可以使用CssClass属性进行设置。

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

并将此样式放在您的aspx页面中包含的css文件中。

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

答案 1 :(得分:1)

您可以使用此

自定义按钮的任何样式
.buttonContainer input
{
   font-size: 14px;
   font-weight: bold;
   /**** ETC ***** /
}

答案 2 :(得分:0)

您可以使用btnProceed.Font.Size = FontUnit.Point(50);

在服务器端设置字体大小