Block the Problem tags prompt when doing questions in Codeforces

When doing questions on Codeforces, sometimes I accidentally skim over to the Problem tags sidebar on the right, but I didn’t originally expect to see it.

Can I block it? The answer is obvious, we only need to add a short piece of CSS.

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

In this way, when this CSS takes effect, the label will become as shown below.

The purpose is achieved.

So, how to apply CSS to the browser to make it effective? There are different methods for different browsers. The following takes mainstream browsers as an example.

For Safari, save the above code as a .css file, and then select this .css file in Preferences->Advanced->Style Sheets->Others.

For IE, Save the above code as a .css file, and then select this .css file in Internet Options->General->Accessibility->Format document using style sheets->Browse

For Firefox, You need to save it as usercontent.css, then display the folder in about:support->, and then put this file into the chrome folder (if not, create a new one)

For Chrome, you need to save as Custom.css and then put it into the UserStyleSheets folder in the Chrome folder

Finally, if you find the above method troublesome, you can also install third-party extensions such as stylish to customize CSS.