ホームページ >ウェブフロントエンド >htmlチュートリアル >Codeforces で質問を行うときに問題タグのプロンプトをブロックする
Codeforces で質問をしているときに、誤って右側の問題タグのサイドバーに目を通してしまうことがありますが、当初はそれが表示されるとは予想していませんでした。
ブロックしてもいいですか?答えは明白で、短い CSS を追加するだけです。
このように、このCSSが有効になるとラベルは以下のようになります。
目的は達成されました。
それでは、CSS をブラウザに適用して効果的にするにはどうすればよいでしょうか?ブラウザごとに異なる方法があります。以下では、主流のブラウザを例として取り上げます。
Safariの場合は、上記のコードを .css ファイルとして保存し、[設定] -> [詳細設定] -> [スタイル シート] -> [その他] でこの .css ファイルを選択します。
IE の場合、上記のコードを .css ファイルとして保存し、[インターネット オプション] -> [一般] -> [アクセシビリティ] -> [スタイル シートを使用してドキュメントを書式設定] -> [参照] でこの .css ファイルを選択します
Firefoxの場合、usercontent.cssとして保存し、about:support->にあるフォルダーを表示して、このファイルをChromeフォルダーに配置する必要があります(存在しない場合は新しいフォルダーを作成します)
Chromeの場合は、Custom.cssとして保存し、Chromeフォルダー内のUserStyleSheetsフォルダーに配置する必要があります
最後に、上記の方法が面倒な場合は、スタイリッシュなどのサードパーティの拡張機能をインストールして CSS をカスタマイズすることもできます。