title: font-smoothing not applied to buttons
body: <p>I have used this snippet to prevent webkit from changing antialiasing when using CSS transforms:</p>
  
  <pre><code>html{ -webkit-font-smoothing: antialiased; }
  </code></pre>
  
  <p>This works fine for most cases, however I noticed some weirdness in chrome when playing around with Bootstrap using this HTML:</p>
  
  <pre><code>&lt;button class="btn btn-inverse"&gt;John Doe&lt;/button&gt;
  &lt;a class="btn btn-inverse"&gt;John Doe&lt;/a&gt;​
  </code></pre>
  
  <p>This is how it looks in OSX/Chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/bfQrb.png" alt="enter image description here"></p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/hY2J7/" rel="noreferrer">http://jsfiddle.net/hY2J7/</a>. In fact, it seems that it is not applied to buttons at all. Is there a safer technique to trigger the same antialiasing in webkit for all elements?</p>