Как изменить стиль 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 
}