title: Android webview radio button and check box styles
body: <p>Working with android webviews for radio buttons and check box, I tried so many styling with standard html markup but its not showing proper. Its alwyas comes up very small with HDPI,XHDPI and with Tab. </p>
  
  <p>Styles used for check boxes </p>
  
  <pre><code>input[type="checkbox"] {
  width: 18px;
  padding: 2% 1%;
  height: 18px;
  margin: 2px 0;
  }
  </code></pre>
  
  <p>Styles used for radio buttons </p>
  
  <pre><code>      input[type="radio"] {
          width: 1em;
          height: 1em;
          -webkit-border-radius: 1em;
          border-radius: 1em;
        }
  </code></pre>
  
  <p>Html Markup used for radio button </p>
  
  <pre><code>&lt;input type="radio" name="select_ship_address" id="shippingInfo"/&gt;
  </code></pre>
  
  <p>Html Markup used for Check boxes</p>
  
  <pre><code>&lt;input class="floatLeft AddressTxt" tabindex="10" type="checkbox" id="optionOne" name="customer" rel="optional" value="yes" checked=""&gt;
  </code></pre>
  
  <p>Anyone has any idea. Please help me.</p>
  
  <p><em>Ex: Screenshot taken from Tab</em></p>
  
  <p><img src="https://i.stack.imgur.com/AEA1W.png" alt="enter image description here"></p>