如何更改createuserwizard的样式？ASP.nET

Question

我是asp.net的新手。我想在我的网站上创建一个注册页面，所以我拖放了createuserwizard。它完成了它的工作，但我的问题是如何在它上面应用css样式？我想编辑文本框、标签和按钮，但我在页面上看到的只有以下内容：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:CreateUserWizard ID="CreateUserWizard1" runat="server">
        <WizardSteps>
            <asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server">
            </asp:CreateUserWizardStep>
            <asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
            </asp:CompleteWizardStep>
        </WizardSteps>
    </asp:CreateUserWizard>
</asp:Content>

如何在上面应用css代码？我想要应用类。我试过使用ContentTemplate，但我有点搞砸了它的功能。有什么合适的方法来改变css吗？

Answer 1

您是否尝试过使用'CssClass‘属性？这应该会给你一个父类，至少让你瞄准它，然后你必须瞄准里面的元素，或者用相同的类覆盖默认的样式。

或者，为什么不将所有这些控件包装在一个Div中，然后你可以把你的类放在上面，然后按照我上面说的那样做(有一个有针对性的父元素，它可以让你很容易地选择里面的子元素)。

编辑：

例如：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:CreateUserWizard ID="CreateUserWizard1" runat="server">
        <WizardSteps>
            <asp:CreateUserWizardStep CssCLass="myClass" ID="CreateUserWizardStep1" runat="server">
            </asp:CreateUserWizardStep>
            <asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
            </asp:CompleteWizardStep>
        </WizardSteps>
    </asp:CreateUserWizard>
</asp:Content>

这是使用CssClass属性

或

<div class="myClass">
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:CreateUserWizard ID="CreateUserWizard1" runat="server">
        <WizardSteps>
            <asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server">
            </asp:CreateUserWizardStep>
            <asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
            </asp:CompleteWizardStep>
        </WizardSteps>
    </asp:CreateUserWizard>
</asp:Content>
</div>

这是在div中包装控件。既然父div有了一个类，那么子div就可以成为目标了。示例：

 .myClass > 'name of class automatically generated by the Wizard'{
     //styles here
}