cssでasp.netメンバーシップコントロールのスタイルを設定するにはどうすればよいですか？

Question

cssでasp.netメンバーシップコントロールのスタイルを設定するにはどうすればよいですか？私はユーザー名のテキストボックス、パスワードのテキストボックス、およびログインボタンに異なるクラスを入れたいと思います。

Answer 1

2つのオプションがあります。

まず - 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>