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框架4及更高版本，则可以使用ClientIDMode="static"（https://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode%28v=vs.110%29.aspx）

E.g：

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

将使您能够使用：

#btnAcessar {/*Styles here*/}

但是，更好的做法是尽可能使用CSS类。有些人主张在CSS中一起避免使用ID。

使用母版页使用ID更改TextBox中的CSS

1 个答案: