title: jQuery Mobile selectively override the ui-btn-inner class on buttons?
body: <p>So it's detailed here on how to remove the padding on buttons by overriding the class on the page: <a href="https://stackoverflow.com/questions/6670940/can-the-button-padding-be-adjusted-in-jquery-mobile">Can the button padding be adjusted in Jquery Mobile?</a></p>
  
  <p>But how do I take this:</p>
  
  <pre><code>.ui-btn-inner {
  padding: 0;}
  </code></pre>
  
  <p>And selectively apply it to one button, ie:</p>
  
  <pre><code>&lt;button data-icon="false" onclick="alert('clicked me')"&gt;Button Name&lt;/button&gt;
  </code></pre>
  
  <p>Doing anything like this doesn't work:</p>
  
  <pre><code>&lt;button style="padding:0" data-icon="false" onclick="alert('clicked me')"&gt;Button Name&lt;/button&gt;
  </code></pre>
  
  <p>Thoughts? Creative solutions?</p>
  
  <p>Thanks</p>