屏蔽Codeforces做题时的Problem tags提示

时间:2021-07-01 16:55:33

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

屏蔽Codeforces做题时的Problem tags提示

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

span.tag-box{
display: none;
}

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

屏蔽Codeforces做题时的Problem tags提示

这样目的就达到了。

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

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

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

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

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

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