如何更改 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 有一个类，就可以将子对象作为目标。示例：

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