如何使用css設置asp.net會員資格控件的樣式？

Question

如何使用css設置asp.net成員資格控件的樣式？我想在用戶名文本框，密碼文本框和登錄按鈕上添加不同的類。

Answer 1

你有兩種選擇。

首先 - 給Login控制一些類和使用CSS選擇器來訪問樣式其內部控制：

ASPX：

<asp:Login ID="Login2" runat="server" EnableViewState="true" CssClass="login"> 

CSS：

.login input[type="text"] {...} /*username*/ 
.login input[type="password"] {...} /*password*/ 
.login input[type="submit"] {...} /*submit button*/ 

二 - 定義你自己的Login控制模板，並使用您需要的任何類。

ASPX：

<asp:Login ID="LoginUser" runat="server" EnableViewState="false" RenderOuterTable="false"> 
    <LayoutTemplate> 
    ... 
    <asp:TextBox ID="UserName" runat="server" CssClass="username" /> 
    ... 
    <asp:TextBox ID="Password" runat="server" CssClass="password" TextMode="Password" /> 
    ... 
    <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" ValidationGroup="LoginUserValidationGroup" CssClass="submitButton"/> 
    ... 
    </LayoutTemplate> 
</asp:Login>