如何使用 css 设置 asp.net 成员控件的样式？答案

【问题标题】：How do I style the asp.net membership control with css?如何使用 css 设置 asp.net 成员控件的样式？
【发布时间】：2011-10-24 15:09:35
【问题描述】：

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

【问题讨论】：

标签： asp.net css

【解决方案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>

【讨论】：