title: JQuery Mobile Change the font size for all elements on the page
body: <p>Developing a JQuery Mobile application, want to let users change their font size by a settings page.
  I put a TEXT WRAPPER div on the page and change the font-size to reflect all elements.
  But every JQuery Mobile UI element, has its own CSS class and overrides the TEXT WRAPPER font-size.</p>
  
  <p>Here's a simple example of my page:</p>
  
  <pre><code>&lt;div class="txtWrapper"&gt;
  ...
  ...
  &lt;input type="button" data-icon="arrow-r" data-iconpos="right"
  value="Start Something" id="btnStart"&gt;
  ...
  </code></pre>
  
  <p>I manage to change the font-size of txtWrapper, but the input tag will have span.ui-btn-inner CSS class and this class has a font-size:16px</p>
  
  <p>How can I change the font size of all elements on JQUery Mobile applications?</p>