使用样式表设置 asp 控件的样式答案

【问题标题】：styling asp controls by using stylesheet使用样式表设置 asp 控件的样式
【发布时间】：2013-05-28 15:06:56
【问题描述】：

我想问如何使用样式表在asp标签上应用样式？？？

例如，我想为 asp 按钮控件设置样式，如下所示

  <asp:Button ID="btnhme" runat="server" Text="Home" Width="145px" 
         BackColor="#3399FF" />

我知道我可以通过使用它的属性来设置它的样式，但我希望如果我的页面中有 10 个按钮，那么相同的样式会自动应用于所有按钮，我必须为我的所有页面按钮和标签控件这样做，我不能单独设置所有属性

是否有使用样式表的解决方案，如果不使用样式表，那么我应该怎么做才能使样式适用于所有按钮控件和文本框，标签控件也

<asp:Label ID="lbllogin" runat="server" Text="LogIn Here"></asp:Label>
<asp:TextBox ID="txtuser" runat="server"></asp:TextBox>

请指导我如何解决这个问题谢谢:)

【问题讨论】：

你试过使用 CSS 类吗？

标签： asp.net css

【解决方案1】：

例如，将CssClass 属性添加到Button 控件，并将相应的类添加到CSS 文件中。

aspx

<asp:Button ID="btnhme" runat="server" Text="Home" Width="145px" BackColor="#3399FF" CssClass="my-buttons" />

CSS

.my-buttons { background-color:#3399FF; }

【讨论】：

【解决方案2】：

您可以为每个元素设置默认 css，这将自动导致此类型的每个控件都采用此 css：

input[type=text] {
    //styling
    color:blue;
}

label {
    //styling
    color:blue;
}

或者你可以想出你自己的 css 类并将它附加到你想要的元素上：

.myTextClass
{
        //styling
        color:blue;
}

.myLabelClass
{
        //styling
        color:blue;
}

然后使用CssClass 属性附加该类：

<asp:Label ID="lbllogin" runat="server" Text="LogIn Here" CssClass="myLabelClass"></asp:Label>
<asp:TextBox ID="txtuser" runat="server" CssClass="myTextClass"></asp:TextBox>

【讨论】：

【解决方案3】：

您可以使用负责样式的所需属性为服务器控件注册默认外观。看这篇文章：How to: Apply ASP.NET Themes

如果页面主题不包含与 SkinID 属性匹配的控件外观，则该控件将使用该控件类型的默认外观。

【讨论】：