title: jquery mobile checkbox styling issue
body: <p>Using jquery mobile.</p>
  
  <p>Try to make the disabled checkbox visible. height/width can be overridden.</p>
  
  <pre><code>&lt;div class=" ui-checkbox ui-state-disabled"&gt;
   &lt;input type="checkbox" name="foo" checked="checked" disabled="disabled"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Why the position is !important, and it can not be overridden. As a result, it can not align well with neighboring elements in different situations.</p>
  
  <pre><code>.ui-checkbox input:disabled, .ui-radio input:disabled {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
  }
  </code></pre>
  
  <p>Thanks for advice.</p>