如何用css设置asp.net会员控件的样式?

时间:2011-10-24 15:09:36

标签: asp.net css

如何使用css设置asp.net会员控件的样式?我想在用户名文本框,密码文本框和登录按钮上添加不同的类。

1 个答案:

答案 0 :(得分:8)

您有两种选择。

首先 - 给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>