title: Why setting a box-shadow does not work in Chrome?
body: <p>This is the javascript</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
   function Change(obj, evt)
   {
      if(evt.type=="focus")
          obj.className ="textboxOnClickStyle";
  
      else if(evt.type=="blur")
         obj.className ="textboxStyle";
   }
   &lt;/script&gt;
  </code></pre>
  
  <p>this is the code for the Textbox </p>
  
  <pre><code>&lt;asp:TextBox  ID="txtFirstName" runat="server" CssClass="textboxStyle" onfocus
   ="Change(this, event)" onblur ="Change(this, event)" CausesValidation="True"&gt; 
  &lt;/asp:TextBox&gt;
  </code></pre>
  
  <p>I am trying to make my textbox having glow/shadow by applying another css when the text box is clicked. This code works fine in Firefox but in chrome nothing happens. Can anyone point out why?</p>
  
  <p><strong>Edit</strong>
  CSS code </p>
  
  <pre><code>.textboxStyle
   {
  border-color: #9ECAED;
   border-radius: 3px 3px 3px 3px;
  
  
    }
  
   .textboxOnClickStyle
   {
  -moz-box-shadow: 0 0 10px 1px #6DC421;
      -webkit-box-shadow: 0 0 10px 1px #6DC421;
       box-shadow: 0 0 10px 1px #6DC421;
  
    }
  </code></pre>