title: CSS hover style remains after button click in iOS devices
body: <p>I am facing issues with CSS hover style sticking after tapping a form button in iOS. Form has some input fields and the submit button has classes defined on focus &amp; hover state. The issue is when form has any invalid selection and submit button is clicked.  In mobile devices somehow submit button's focus gets locked and style defined in focus &amp; hover states gets applied. This can be checked using chrome responsive mode and selecting iphone6 as device.</p>
  
  <p>In desktop this issue does not occur; style of button before &amp; after clicking is same, but in mobile devices it's different.</p>
  
  <pre><code>.btnsubmit {
      background-color: #000000;
      border: 1px solid #000000;
      color: #ffffff;
  }
  .btnsubmit:focus,
  .btnsubmit:hover {
      background-color: #ffffff; 
      color: #000000;
  }
  </code></pre>
  
  <p>Code Pen : <a href="https://codepen.io/bhupendra1011/full/pdZmYV/" rel="noreferrer">https://codepen.io/bhupendra1011/full/pdZmYV/</a> </p>