This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The disabled property of the StyleSheet interface determines whether the style sheet is prevented from applying to the document.
A style sheet may be disabled by manually setting this property to true or if it's an inactive alternative style sheet. Note that disabled === false does not guarantee the style sheet is applied (it could be removed from the document, for instance).
A boolean.
// If the stylesheet is disabled
if (stylesheet.disabled) {
// Apply styles in-line
}
| Specification |
|---|
| CSS Object Model (CSSOM)> # dom-stylesheet-disabled> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
disabled |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet/disabled