c# - 使用母版页从带有 ID 的文本框更改 CSS

Question

我已将我的 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>

Answer 1

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。