title: How To Disable Blue Glow For Html Button In Ie9
body: <p>I know this question has been asked before, but I'm having some difficulty getting it to work in IE9.  I have an html page with 3 forms in it (since each form contains a request to a different resource on a website).  The html looks like this:</p>
  
  <pre><code>&lt;form action="/SomeController1/Action" method="get"&gt;&lt;button name="action" value="someValue"&gt;Request the first thing&lt;/button&gt;&lt;/form&gt;
  &lt;form action="/SomeController2/Action" method="get"&gt;&lt;button name="action" value="someValue"&gt;Request the second thing&lt;/button&gt;&lt;/form&gt;
  &lt;form action="/SomeController3/Action" method="get"&gt;&lt;button name="action" value="someValue"&gt;Request the third thing&lt;/button&gt;&lt;/form&gt;
  </code></pre>
  
  <p>I'm trying to disable the blue glow that is showing up on all three buttons when the page loads.  I think it looks really confusing...</p>
  
  <p>The solution that I'm trying to implement, which doesn't seem to be working, is:</p>
  
  <pre><code>button
  {
      outline-width: 0px;
      outline: none;
  }
  </code></pre>
  
  <p>At any rate, the glow doesn't appear in Firefox or Chrome, it just seems to be appearing in IE.  I suppose I could just use one form and put 3 buttons in it, but this seems a bit more like a workaround rather than a solution.  Is there any way to do this using CSS or javascript?  Any help will be appreciated!</p>
  
  <p>Thanks!</p>
  
  <p><strong>Edit</strong> -  Here's an image of the problem:</p>
  
  <p><img src="https://i.stack.imgur.com/ob3pO.jpg" alt="enter image description here"></p>