title: how change checkbox webview android
body: <p>I have android app where load webView.
  On webview I have checkbox but don't can change size.</p>
  
  <pre><code>input[type="checkbox"]
  {
      width: 25px;
      height: 25px;
  }
  </code></pre>
  
  <p>screen
  <a href="http://postimg.org/image/l9lg35czj/" rel="nofollow">http://postimg.org/image/l9lg35czj/</a></p>
  
  <p>change size</p>
  
  <pre><code>input[type="checkbox"]
      {
          width: 250px;
          height: 250px;
      } 
  </code></pre>
  
  <p><a href="http://postimg.org/image/v96ow0otv/" rel="nofollow">http://postimg.org/image/v96ow0otv/</a></p>
  
  <p>why size not changed on webview, (if I look this page with browser checkbox size changed)?</p>
  
  <p>full code </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
      .single_user
      {
          width:100%;
          height:120px;
          border: black;
          background:#E5E5E5;
          margin-bottom: 10px;
      }
      .user_image 
      {
          padding-left: 10px;
          padding-top: 10px;
      }
      h1
      {
          display: inline-block;
      }
      input[type="checkbox"]
      {
          width: 25px;
          height: 25px;
      }
  &lt;/style&gt;
  &lt;meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, user-scalable=no"/&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="single_user"&gt;
  &lt;img class="user_image" src="statimg/profileicon.png"/&gt;
  &lt;h1&gt; Vahagn Vard2anyan &lt;br /&gt;
  vvvaagn@gmail.com&lt;/h1&gt;
  &lt;input type="checkbox" style="width: 100%; height:100%;"/&gt;
  &lt;/div&gt;
  &lt;div class="single_user"&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>