title: Remove CSS hover functionality using Javascript
body: <p>I need to remove CSS hover functionality using JavaScript.</p>
  
  <p>I have a button on a form which submits data to our db server. Using <code>OnClientClick()</code> of an ASP.NET Button control I would like to change the element's text to 'Submitting..' using <code>getElementById()</code>, change the background color of the button to Light Grey and <strong>more importantly disable the following .button:hover effect</strong> I have in my CSS.</p>
  
  <pre><code>.button:hover, 
  .content-form input.button:hover, 
  #comment-form #submit:hover   
  {
      background-color: #333;
  }
  </code></pre>
  
  <p>All I am really interested in is the Javascript to remove/disable the above CSS </p>
  
  <pre><code>e.g. OnClientClick="getElementByID('ButtonName').blahblahblah;"
  </code></pre>