logo标签列表

如何使用CSS样式化ASP.NET成员资格控件？

asp.netcss
3

我该如何使用CSS样式来美化ASP.NET成员控件？我想给用户名文本框、密码文本框和登录按钮分别加上不同的类。

1个回答
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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接