2014-05-05 45 views
0

我是新來的asp.net。我想在我的網站上創建一個註冊頁面,所以我拖動了&下降的createuserwizard。它有點這是工作,但我的問題是如何應用CSS樣式呢? 我想編輯的文本框,標籤和按鈕但是我在我的網頁上看到的是這樣的:如何更改createuserwizard的樣式? ASP.nET

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

回答

0

您是否嘗試過使用'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屬性

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

對不起,但我不明白你的意思。 –

+0

我在上面編輯了我的答案。 – JesseEarley

+0

的事情是,我不知道'嚮導自動生成的類的名稱'。我想將CssClass = form-control分配給用戶名文本框,因爲我使用引導程序。 –