title: Hover pseudo class persists when div tapped in ios browsers
body: <p>When tapping on a div in ios (safari and chrome), the hover pseudo class kicks in and persists even after the finger is lifted.</p>
  
  <p>It's worth noting, that the user doesn't have to hold down to trigger this effect.  Just a simple tap will cause the hover pseudo class to persist.</p>
  
  <p>Is there a way to stop this by happening with pure css?</p>
  
  <p><a href="https://jsfiddle.net/Javalsu/8ey8z7e6/7/" rel="nofollow" title="Fiddle">Fiddle</a></p>
  
  <p>Pseudo-class:</p>
  
  <pre><code>.hover-div:hover {
      background-color: cornflowerblue;
      color: whitesmoke;
      border-color: dodgerblue;
  }
  </code></pre>