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,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;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\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);');
})();

如果以书签形式存储，则可以将任何网站变为灰度。

要回到原来的方式，请使用：

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

如何将网站变成黑白两色

3 个答案: