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

方法一

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

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

方法二

使用 ASP.Net Theme .

方法三

使用 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;
}