The StyleSheet.disabled property indicates whether the style sheet is applied. A style sheet may be disabled by manually setting this property to true or if it's an inactive alternative style sheet.
bool = stylesheet.disabled
// if the stylesheet is disabled...
if (stylesheet.disabled) {
// apply style in-line
}
<div>{{APIRef("CSSOM")}}</div>
<p>The <code><strong>StyleSheet.disabled</strong></code> property indicates whether the style sheet is applied. A style sheet may be disabled by manually setting this property to <code>true</code> or if it's an inactive <a href="/en-US/docs/Web/CSS/Alternative_style_sheets">alternative style sheet</a>.</p>
<h2 id="Syntax" name="Syntax">Syntax</h2>
<pre class="eval">
<em>bool</em> = stylesheet.disabled
</pre>
<h2 id="Example" name="Example">Example</h2>
<pre>
// if the stylesheet is disabled...
if (stylesheet.disabled) {
// apply style in-line
}
</pre>
<h2 id="Specification" name="Specification">Specification</h2>
<p><a class="external" href="https://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets.html#StyleSheets-StyleSheet-disabled">disabled </a></p>