我怎么能"关掉"样式表呢？

Question

我正在为大学任务创建一个网站,我们必须专注于可访问性功能.我已成功设法使用调整大小文本按钮,但我正在寻找一种通过按钮或链接关闭css文件的方法.

我已经在网上搜索,似乎找不到很多,我找到了一个很好的网站,有我正在寻找的按钮所以打F12但它不会显示它的javascript.

理想情况下,我想在不使用javascript的情况下实现它,但如果没有其他方式,那么我愿意接受任何我能得到的帮助.

我很抱歉,如果这是一个简单的问题,但我确实很难找到答案,但无济于事,我只是一年级学生,所以还有很长的路要走!

Answer 1

这应该工作

for ( i=0; i<document.styleSheets.length; i++) {
    void(document.styleSheets.item(i).disabled=true);
}

Answer 2

这是从 javascript 快速完成此操作的好方法：

在所有 CSS 规则之前使用标签body.enabled：
```
body.enabled p {
}

body.enabled #Myselector {
}
...
```
Run Code Online (Sandbox Code Playgroud)
声明您的标记如下：
```
...
<body class="enabled">
    ...
</body>
...
```
Run Code Online (Sandbox Code Playgroud)
在您的 JavaScript 中，当您想要禁用 CSS 时，请"enabled"从中删除该类<body>并将其切换为其他内容（例如“禁用”）。使用您认为合适的任何方法来执行此操作（jQuery 会使这变得容易，但也可以不用）

你并没有真正禁用 CSS 使用它，你只是让它不适用。从用户的角度来看，他们可能不知道其中的区别。

Answer 3

当用户单击“特殊”链接时，您可以在服务器端执行此操作，您的服务器端代码只是“跳过”样式表元素。