使用母版页更改带有ID的文本框的CSS

本文关键字：ID 文本 CSS 母版页 | 更新日期: 2023-09-27 18:03:03

我已经把我的css从一个元素变成了一个母版页。

但是在我的css中，我需要放置ContentPlaceHolder1_来应用更改。

有谁知道如何避免这种情况(在元素ID之前使用contentplaceholder_1)。

CSS 

/* LOGIN */
.login #ContentPlaceHolder1_lbtnCadastrar, #ContentPlaceHolder1_lbCadastrado
{
    font-size: small;
}
.login #ContentPlaceHolder1_btnAcessar
{
    margin-top: 5px;
    float: right;
}
登录页面

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="form-group">
                    <div class="login">
                        <asp:Label ID="lbEmail" Text="E-mail" runat="server" for="Email" />
                        <asp:TextBox ID="txtEmail" runat="server" class="form-control" placeholder="Digite seu e-mail" />
                        <asp:Label ID="lbSenha" Text="Senha" runat="server" for="Senha" />
                        <asp:TextBox ID="txtSenha" runat="server" class="form-control" TextMode="Password"
                            placeholder="Digite sua senha" />
                        <asp:Label ID="lbCadastrado" Text="Não é cadastrado ainda?" runat="server" />
                        <asp:LinkButton ID="lbtnCadastrar" Text="Cadastre-se" runat="server" PostBackUrl="../site/cadastro.aspx" />
                        <asp:Button ID="btnAcessar" Text="Acessar" runat="server" class="btn btn-default"
                            OnClick="btnAcessar_OnClick" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>

使用母版页更改带有ID的文本框的CSS

ASP.net更改，有些人说mangle, ID和Name属性，以确保它们在某种形式的命名容器中在页面上是唯一的。如果你知道它们是唯一的，并且你是。net framework 4及以上版本，你可以使用ClientIDMode="static" (https://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode%28v=vs.110%29.aspx)

例句:

<asp:Button ID="btnAcessar" ClientIDMode="static" Text="Acessar" runat="server" class="btn btn-default"  OnClick="btnAcessar_OnClick" />

将使您能够使用:

#btnAcessar {/*Styles here*/}
然而，在可能的情况下使用CSS类是更好的做法。有些人提倡在CSS中避免所有的id。
相关文章：