title: How to style a HTML label for disabled input
body: <p>I would like the labels for my form elements to be greyed out if the input is disabled and am not able to get it to work for text inputs.  I have tried the following:</p>
  
  <pre><code>input:disabled {
      background:#dddddd;
  }
  
  input:disabled+label{color:#ccc;}
  
  &lt;input type='checkbox' disabled id='check1'&gt;
  &lt;label for='check1'&gt;Check&lt;/label&gt;
  &lt;br&gt;
  &lt;label for='text1'&gt;Text&lt;/label&gt;
  &lt;input type='text' id='text1' disabled&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/F2Nh4/">Js Fiddle</a></p>
  
  <p>The styling works for the checkbox label, but not the text label.  Are checkboxes the only input types that let you style their labels via css?</p>
  
  <p>I testing with Firefox.</p>