Asp.net тип ввода = "текст" против asp: текстовое поле

Question

Я новый Asp.Net.У меня есть тип ввода = "текст" также у меня есть класс CSS для ввода [тип = "текст"].Так что у меня есть asp: текстовое поле.Как я могу написать класс CSS для моего asp: textbox, который отличается от класса CSS для ввода?

My asp: textbox берет свойства из .login-box input [type = text], input [type = password]

<div class="login-box" style="padding:70px 30px">
    <img src="Images\human.png" class="man"/>
    <h1>Login Here</h1>
    <p>Username</p>   
    <input id="username" type="text" name="username" placeholder="Enter Username" runat="server"/>
    <p>Password</p>
    <input type="password" name="password" placeholder="Enter Password"/>
    <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click"/>
    <asp:TextBox ID="txtError" CssClass="text-hide" runat="server">Incorrect username or password!</asp:TextBox>
    <a href="#">Forgot Password</a>
</div>

My style.css ниже:

.login-box input {
    width: 100%;
    margin-bottom: 20px;
}
.text-hide {
    height:40px;
    border-color:Transparent;
    background-color:Transparent;
    color:Red;
}
.login-box input[type=text], input[type=password] {
    height: 40px;
    border: 0;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    outline: none;
}

Answer 1

Использовать свойство CssClass.Вот так:

<asp:TextBox ID="txtError" CssClass="text-hide" runat="server">

Это превратится в:

<input type="text" class="text-hide">

на странице

Answer 2

Вы хотите использовать метку, литерал или панель - все можно использовать с префиксом asp: для отображения некоторых сообщений в веб-форме ASP.Net.

Вы не добавляете сообщения в поля ввода, как в вашем примере

<asp:Label ID="txtError" CssClass="text-hide" runat="server" Text="Incorrect username or password!"></asp:Label>

После этого вы можете ссылаться на этот класс в своем CSS следующим образом:

.text-hide {
}

Answer 3

Имя пользователя

    <input id="username" type="text" name="username" placeholder="Enter Username" runat="server"/>
    <p>Password</p>
    <input type="password" name="password" placeholder="Enter Password"/>
    <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click"/>
    <asp:TextBox ID="txtError" class="text-hide" runat="server">Incorrect username or password!</asp:TextBox>