使用样式表设计asp控件

时间:2013-05-28 15:06:56

标签: asp.net css

我想问一下如何使用stylesheet ???

在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>

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

3 个答案:

答案 0 :(得分:0)

例如,将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; }

答案 1 :(得分:0)

你可以为每个元素设置默认的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>

答案 2 :(得分:0)

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

  

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