title: how to remove outline of html button
body: <p>I have button on my html page, when i click on that button it show me outer line to button shown as below image.</p>
  
  <p><img src="https://i.stack.imgur.com/lZH6V.png" alt="enter image description here"></p>
  
  <p>here when i click on reset button it show me outer as above image.</p>
  
  <p><strong>Html code:</strong></p>
  
  <pre><code>&lt; input type="reset" value="" class="resetButton" /&gt;
  </code></pre>
  
  <p><strong>css code:</strong></p>
  
  <pre><code>.resetButton
  {
      margin: 0px;
      background:url(../images/button/Reset2.png) no-repeat;
      border: none; 
      width: 90px;
      height: 32px;
      cursor: pointer;
  }
  </code></pre>