title: CSS of a asp textbox control
body: <p>I have a ASP text box control. When the user focuses on text box, i want to change the background color of the text box from gray to white.</p>
  
  <p>here is the css file, but its not changing the color after focusing on the text box.</p>
  
  <pre><code>     &lt;script language="javascript" type="text-javascript"&gt;
       function DoFocus(txt) 
       {
           txt.className = 'focus';
       }    
     &lt;/script&gt;
  </code></pre>
  
  <p>Textbox</p>
  
  <pre><code>    &lt;asp:TextBox ID="txtFirstName" runat="server"
          CssClass="textbox" MaxLength="50" Width="188px" onfocus="DoFocus(this)"&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>input.textbox, select, textarea
  {
    font-family    :  verdana, arial, snas-serif;
    font-size      :  11px;
    color          :  #000000;
  
    padding        :  3px;
    background     :  #f0f0f0;
    border-left    :  solid 1px #c1c1c1;
    border-top     :  solid 1px #cfcfcf;
    border-right   :  solid 1px #cfcfcf;
    border-bottom  :  solid 1px #6f6f6f;
  }
  
  input.textbox:focus, input.input_text_focus
  {
      border-color:#646464;
      background-color:#ffcf03;
  } 
  </code></pre>