Firefox にユーザースタイルシートを適用する

Webサイトにスタイルシートを適用する

CSS ファイルのアドレスは
C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名\Chrome\userContent.css
Chrome フォルダが無い場合は作成し、直下に userContent.css として CSS ファイルを作成する。

スタイルシートをドメイン example.com に適用する場合
userContent.css


@-moz-document domain("example.com") {
/* スタイルシートを記述 */
}

Firefox の UI にスタイルシートを適用する

CSS ファイルのアドレスは
C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名\Chrome\userChrome.css
Chrome フォルダが無い場合は作成し、直下に userChrome.css として CSS ファイルを作成する。
userChrome.css


@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* スタイルシートを記述 */

userChrome.css、userContent.css を有効化する

userChrome.css、userContent.css ファイルを作成しても適用されない場合は、アドレスバーに「about:config」と入力。
危険性を承知の上で使用する事を確認し、検索窓に

toolkit.legacyUserProfileCustomizations.stylesheets

と入力。「toolkit.legacyUserProfileCustomizations.stylesheets」をダブルクリックするか選択して Enter で値を「true」にする。