欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

屏蔽Codeforces做题时的Problem tags提示

程序员文章站 2022-04-26 12:25:39
...
当在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的效果。