FirefoxのサイトのCSSをuserContent.cssでオーバーライドする方法は？

Mozilla Firefoxでは、userContent.cssサイトのCSSをオーバーライドするものを作成します。

ファイルはどこで作成すればよいですか？

Windows 7に基づいて説明してください。

firefox css

— ラウフ
ソース

回答:

111

Firefoxを開き、を押しAltてトップメニューを表示し、Help→をクリックしますTroubleshooting Information
エントリのOpen Folder横にあるボタンをクリックしますProfile Folder
chrome開くディレクトリに名前の付いたフォルダーを作成します
ではchromeフォルダとCSSファイルを作成名前をuserContent.css
次のコードをにコピーし、userContent.css「example.com」を変更するWebサイトと独自のカスタムCSSに置き換えて、Firefoxを再起動します。

@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}

— ラウフ
ソース

ステップ1の小さな更新/修正。トラブルシューティング情報はリンクabout:supportを開き、私のFirefox（Ubuntuでのv20ナイトリービルド）には、「プロファイルディレクトリ」という名前のエントリと、「ディレクトリを開く」ボタンがあり/home/tripleee/.mozilla/firefox/asdf1234.default/、Nautilusのプロファイルディレクトリを開きます。

— トリプリー

@-moz-document domain("...")スタイルをすべてのページに適用するために削除できます。

— ニコラス

@Septagramいつもそうだったと思います...覚えているように、ブラウザインターフェース（ "chrome"）をスタイルするをchrome含むこともできuserChrome.cssます。

— サム14

ちょっとした注意点として、作成するフォルダーの名前が「chrome」で小文字の「c」であることを確認してください。そうしないと、Linuxでは機能しません。

— オリバーバート

また必要なために再起動し、それを有効にするためのFirefoxを。

— ピーターモーテンセン

ChromEditと呼ばれる古い拡張機能がありました。これは、編集のためにユーザーCSSを簡単に開くためのシンプルなボタンを追加しました。

これは明らかに妥協または撤回された。スタイリッシュは代替手段でしたが、同様にこれは今では機能していないようです。

現時点では、ファイルの保存先を覚えておく必要があります。

— OrangeDog
ソース

公式リストからChromEditを入手したと思いましたが、OKです。

— OrangeDog

最近のレビューに基づいて、スタイリッシュはおそらく避けるべきです。

— KlaymenDK

拡張機能は、実際のユーザースタイルシートとは異なります。そのため、Chromeは今では価値のないゴミです。

— Synetech

@Synetech何を言ってるの？この拡張機能は、編集のためにスタイルシートを開くボタンを追加します。

— OrangeDog

スタイリッシュは私にはうまくいきませんでした。ヘルプを検索したところ、ユーザーサポートが改善され、継続的な更新が行われたため、StylishのほとんどのユーザーがStylusに移行したというユーザーのフォーラムトピックが見つかりました。スタイラスはスタイリッシュなフォークです。StylusはFirefoxを再起動する必要なく私のために働きました。プラグインの使い方は簡単です-スタイルを設定するページに移動し、ブラウザの右上にあるアプリアイコンをクリックして、スタイルを現在のURLのみに適用するかドメイン全体に適用するかを選択して、スタイルを記述します。再度アクセスすると、プラグインによって適用されているスタイルの数がアイコンに表示されます。

— youcantryreachingme