title: How to simulate :active css pseudo class in android on non-link elements?
body: <p>I'd like to be able to mimic the behavior of the <code>:active</code> pseudo class on all elements in Android webkit. Currently, the <code>:active</code> syntax only works on <code>a</code> elements (links). Nearly all of the actionable elements in the app I'm working on are something other than a standard link tag. iOS webkit supports <code>:active</code> on all elements.</p>
  
  <pre><code>/* works on both android iOS webkit */
  a:active {
      color: blue;
  }
  /* works on iOS webkit, does not work on android webkit */
  div:active {
      color: red;
  }
  </code></pre>
  
  <p>I've found a couple of resources [1,2] that solve similar problems, but they're both a bit heavy, and I'm wondering if there's a lighter weight solution that I'm just not able to find.</p>
  
  <ol>
  <li><a href="http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone" rel="noreferrer">http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone</a></li>
  <li><a href="http://code.google.com/intl/ro-RO/mobile/articles/fast_buttons.html" rel="noreferrer">http://code.google.com/intl/ro-RO/mobile/articles/fast_buttons.html</a></li>
  </ol>