如何改变createuserwizard的风格? ASP.nET

时间:2014-05-05 11:04:34

标签: asp.net css createuserwizard

我是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?

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用'CssClass'属性?这应该给你一个父类至少让你瞄准它,然后你要么必须在那里定位元素,要么使用相同的类覆盖默认样式。

或者,为什么不将所有这些控件包装在Div中,然后你可以将你的课程放在那里,然后按照我上面所述的方式进行操作(有一个可以轻松让你选择里面的孩子的可定位的父母)。 / p>

编辑:

例如:

<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属性

OR

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