屏蔽Codeforces做题时的Problem tags提示

当在Codeforces上做题的时，有时会无意撇到右侧的Problem tags边栏，但是原本并不希望能够看到它。

能否把它屏蔽了呢？答案是显然的，我们只需要加一段很短的CSS即可。

<span style="color: #800000;">span.tag-box</span>{<span style="color: #ff0000;">
    display</span>:<span style="color: #0000ff;"> none</span>;
}

这样，当这段CSS生效时，标签将会变成如下所示的样子。

这样目的就达到了。

那么，如何将CSS应用到浏览器中使其生效呢？对于不同的浏览器有不同的方法。下面以主流浏览器为例。

对于Safari，将上述代码另存为.css文件，然后在偏好设置->高级->样式表->其他中选择这个.css文件即可。

对于IE，将上述代码另存为.css文件，然后在Internet选项->常规->辅助功能->使用样式表编排文档格式->浏览中选择这个.css文件

对于Firefox，需要另存为usercontent.css，然后在about:support->显示文件夹，然后把这个文件放入入chrome文件夹(没有则新建)

对于Chrome，需要另存为Custom.css，然后放入Chrome文件夹中的UserStyleSheets文件夹

最后，如果觉得上述方法比较麻烦，也可以安装第三方扩展如stylish，起到自定义CSS的效果。