Twitter bootstrap 3 如何将网站变成黑白的

我使用twitter bootstrap V3，有一个学生要求我只以黑白显示我的网站

问：有没有快速关闭所有颜色的方法，或者我需要覆盖bootstrap-theme.css中的每个颜色

也许我可以用这个！重要规则并覆盖所有内容。

您可以使用*元素将样式应用于页面上的每个元素，例如，使页面上的所有字体均为黑色：

* 
{
    color:black;
}

---

我会说在css标签周围加上一个条件：

if usr has defined they own css file, then
use the users css file
else 
use the default css file
end if

---

这可能不是您想要的，但是，如果您只需要暂时将站点设置为黑白，您可以尝试使用JavaScript bookmarklet

例如，要将站点转换为灰度而不影响站点本身，您可以尝试以下操作：

javascript:(function(){
    document.body.setAttribute('style','filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);');
})();  

如果以bookmarklet的形式存储，这可以将任何站点变成灰色

要返回原始方式，请使用以下命令：

javascript:(function(){document.body.setAttribute('style','');})();

---

但是特异性呢？哦！我可以完全关闭css！