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

Posted 2023-02-22

【中文标题】如何更改 createuserwizard 的样式？ ASP.NET

【英文标题】：How to change the style of createuserwizard ? ASP.nET

【发布时间】：2014-05-05 11:04:34

【问题描述】：

我是 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】：

您是否尝试过使用“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

【讨论】：

对不起，我不明白你的意思。

问题是我不知道“向导自动生成的类名”。我想将 CssClass=form-control 分配给用户名文本框，因为我正在使用引导程序。

实际上并没有向导自动生成的类。

然后使用父 div，您可以根据元素的类型选择子元素。您是否使用任何类型的开发人员工具来帮助查看生成的标记？