如何将样式应用于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

使用以下选择器添加CSS样式表.

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

方法2

使用ASP.Net主题.

方法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;
}