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

如何将样式应用于ASP.NET网页的所有按钮,asp.net,css,Asp.net,Css,不久前有人问过类似的问题。但没有人给出全面的回答 假设我有: <asp:Button id="b1" Text="Submit" runat="server" /> <asp:Button id="b2" Text="Submit" runat="server" /> 假设这两个属性都包含在一个类中。如何将该类应用于两个按钮 感谢的方法1 添加具有以下内容的CSS样式表 方法2 使用一个 方法3 使用CssClass属性在每个按钮上设置类名 标记: <asp:Bu

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

假设我有:

<asp:Button id="b1" Text="Submit" runat="server" />
<asp:Button id="b2" Text="Submit" runat="server" />
假设这两个属性都包含在一个类中。如何将该类应用于两个按钮

感谢的方法1 添加具有以下内容的CSS样式表

方法2 使用一个

方法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类

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

.测试风格
{
高度:100px;
宽度:50px;
}

Btw,如果我想应用多个类。我该怎么做?@rofansmanao-您可以通过使用空格分隔多个类来应用它们,如
CssClass=“class1 class2 class3”
<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 -->
.buttonStyle1 {
    height: 100px;
    width: 50px;
}
 <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;
    }