title: HTML "link" (stylesheet) disabled attribute
body: <p>I'm using JavaScript to enable/disable stylesheets using the following:</p>
  
  <pre><code>document.styleSheets[0].disabled = true|false;
  </code></pre>
  
  <p>This JS works fine, however I would like the stylesheet to be DISabled by default.  Whilst I could use the JS above to immediately disable the stylesheet when the page loads, this obviously won't work for users who have JavaScript turned off.</p>
  
  <p>I've tried doing this:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="style.css" disabled /&gt;
  </code></pre>
  
  <p>Whilst this disables the stylesheet, JavaScript (or at least the method I'm using) can't ENable it again.  I've also tried all of these variations on the "disabled" attribute: <code>disabled="disabled"</code>, <code>disabled="true"</code> and <code>disabled=true</code>, but these produce the same problem- I can't enable them again with JavaScript.</p>
  
  <p>In short, I need a way to enable/disable an external stylesheet using JavaScript, but have that stylesheet disabled by default but not relying on JavaScript.</p>
  
  <p>Any help would be greatly appreciated.  Thanks.</p>
  
  <p>N.B. This effect can be achieved by using two stylesheets, the second overwriting the first, therefore having no need for the "disabled" attribute.  However, it's obviously preferable to only use a single stylesheet if possible, hence my question above.</p>