前言

参考：JS styleSheets对象：读取页面的所有CSS样式 MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/stylesheets

JS禁用页面CSS样式_javascript

核心代码

使用document.styleSheets，它会返回一个StyleSheetList / CSSStyleSheet 对象，这个对象对应的是通过引入或者嵌入文档中的样式表，我们通过计算样式表个数进行循环，用数组方式对每个样式进行disabled属性设置。

console.log("所有css样式禁用");

for(var i=0; i<document.styleSheets.length; i++)
{
	document.styleSheets[i].disabled = "disable";
}

效果图

JS禁用页面CSS样式_js_02

JS禁用页面CSS样式_js_03