title: Make checkbox larger in Jquery Mobile
body: <p>Trying to make the checkbox larger in Jquery Mobile page. Nothing I seem to do will override the default CSS in the style page for mobile 1.2.0.css - The following is my fiddle of working code, but unable to make larger. I have tried .ul-checkbox set to 40px but no change </p>
  
  <p><a href="http://jsfiddle.net/jeffbarclay/xxdrf87q/" rel="nofollow">http://jsfiddle.net/jeffbarclay/xxdrf87q/</a></p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"&gt;&lt;/script&gt;
  
  &lt;div data-role="page" data-theme="b" id="acs"&gt;
  &lt;div data-role="header"&gt;
  &lt;h2&gt;Key Performance Indicators&lt;/h2&gt; 
  &lt;/div&gt;
  
  &lt;div data-role="content"&gt;    
  &lt;ul data-role="listview" data-split-icon="gear" data-theme="c"&gt;   
   &lt;li&gt;
     &lt;h1&gt;Assess Cardiac Risk Factors&lt;/h1&gt;                                     
       &lt;label&gt;                                               
       &lt;input type="checkbox" name="checkbox-2b" id="checkbox-2b" data-theme="c"/&gt;                
       &lt;label for="checkbox-2b"&gt;
         &lt;label&gt; 
           &lt;h3&gt;Age&lt;/h3&gt;
         &lt;/label&gt; 
       &lt;/label&gt;
       &lt;/label&gt;                                              
  
       &lt;label&gt;
       &lt;input type="checkbox" name="checkbox-2b" id="checkbox-2b" data-theme="c"/&gt;                
       &lt;label for="checkbox-2b"&gt;
         &lt;label&gt; 
           &lt;h3&gt;Diabetes&lt;/h3&gt;
         &lt;/label&gt; 
       &lt;/label&gt;
       &lt;/label&gt;
    &lt;/li&gt;
  &lt;/ul&gt;     
  &lt;/div&gt;
    &lt;div data-role="footer"&gt;
    &lt;div data-role="navbar"&gt;
    &lt;/div&gt;    
      &lt;h4&gt;John Doe&lt;/h4&gt;
    &lt;/div&gt;        
  &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>