如何将样式应用于ASP.NET网页的所有按钮

Question

不久前有人问了类似的问题。但没有人全面回答。

假设我有：

<asp:Button id="b1" Text="Submit" runat="server" />
<asp:Button id="b2" Text="Submit" runat="server" />

我想将以下属性设置为两个按钮：

height: 100px;
width: 50px;

假设两个属性都包含在一个类中。如何将该类应用于两个按钮？

感谢的

Answer 1

方法1

使用以下selector添加CSS样式表。

input[type="submit"] {
    height: 100px;
    width: 50px;
}

方法2

使用ASP.Net Theme。

方法3

使用CssClass属性在每个按钮上设置类名。

标记：

<asp:Button id="btn1" Text="Submit" CssClass="buttonStyle1" />
<asp:Button id="btn2" Text="Submit" CssClass="buttonStyle1" />
<asp:Button id="btn3" Text="Submit" CssClass="buttonStyle1" />
<!-- the class can be applied to any number of other elements -->

CSS：

.buttonStyle1 {
    height: 100px;
    width: 50px;
}

Answer 2

给他们提供相同的css课程

 <asp:Button id="b1" CssClass="TestStyle" Text="Submit" runat="server" />
 <asp:Button id="b2" CssClass="TestStyle" Text="Submit" runat="server" />

    .TestStyle
    {
    height: 100px;
    width: 50px;
    }