title: Asp.net input type ="text" vs asp:textbox
body: <p>I'm new Asp.Net.I have input type="text" also I have css class  for input[type="text"]. So I have an asp:textbox. How  can I write css class for my asp:textbox which is a different css class then the one for input? </p>
  
  <p>My asp:textbox takes properties from 
   .login-box input[type=text], input[type=password]</p>
  
  <pre><code>&lt;div class="login-box" style="padding:70px 30px"&gt;
      &lt;img src="Images\human.png" class="man"/&gt;
      &lt;h1&gt;Login Here&lt;/h1&gt;
      &lt;p&gt;Username&lt;/p&gt;   
      &lt;input id="username" type="text" name="username" placeholder="Enter Username" runat="server"/&gt;
      &lt;p&gt;Password&lt;/p&gt;
      &lt;input type="password" name="password" placeholder="Enter Password"/&gt;
      &lt;asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click"/&gt;
      &lt;asp:TextBox ID="txtError" CssClass="text-hide" runat="server"&gt;Incorrect username or password!&lt;/asp:TextBox&gt;
      &lt;a href="#"&gt;Forgot Password&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My style.css below:</p>
  
  <pre><code>.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;
  }
  </code></pre>