title: <style> disabled not applied
body: <p>Why doesn't the <code>disabled</code> property work when applied in HTML to a <code>&lt;style&gt;</code> section but it does work when applied via JS. In other words, if I have:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;style id=&quot;myStyle&quot; disabled&gt;
      body {
        background-color: black;
        color: white;
      }
    &lt;/style&gt;
    &lt;script&gt;
          // document.getElementById(&quot;myStyle&quot;).disabled = true;
    &lt;/script&gt;
    &lt;body&gt;
      Hello world!
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Then it will be white text on black background even though the <code>&lt;style&gt;</code> section has the <code>disabled</code> attribute. But if I uncomment the JS line, the style will be properly disabled and it will be black text on white background. I also tried <code>disabled=&quot;true&quot;</code> and some other variants with no effect.</p>
  <p>Thank you!</p>