如何将网站变成黑白

Question

我使用twitter bootstrap v 3，并且有一位学生要求我仅以黑白色显示我的网站。

问：是否有快速关闭所有颜色的方法，或者是否需要覆盖bootstrap-theme.css中的每种颜色？

也许我可以使用！important规则并覆盖所有内容。

Answer 1

可以使用*元素的样式应用到页面上的每一个元素，例如，使所有页的黑色使用的字体：

* 
{ 
    color:black; 
} 

Answer 2

我会说把状态周围的CSS标签：

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

Answer 3

这可能不是你在寻找什么，但是，如果你只需要在网站被“黑与白”是暂时的，你可以尝试一个JavaScript书签。如果存储在书签的形式这样可以把任何网站为灰度

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);'); 
})(); 

：

例如，改变你的网站为灰度，而不会影响该网站本身，你可以试试这个。

要返回到原来的方式使用：

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