すべてのサイトのSafariでCSSスタイルを変更する


10

Webサイト上のCSSを変更できるSafari拡張機能を探しています。

私がやりたいことは、白の背景を黒に、黒のテキストを白に変更し、リンクも緑に変更することです。

これを可能にする拡張機能はありますか?

これはOS Xサファリであり、iOSではありません。

私はこれを見てきましたが、使い方がわかりません。

ありがとう

回答:


17

拡張機能も必要ありません。Safariには、すべてのWebページにカスタムCSSを使用するための詳細設定が組み込まれています。

Safariの設定

独自のCSSファイルを作成する必要がありますが、それはまったく別の獣です。一部のページで適切に機能するものは他のページでは機能しない場合がありますが、whatever.cssという名前のファイルを作成して、次のようなものを含めます。

* {
    color: #ffffff !important;
    background: #000000 !important;
}
a {
    color: #00ff00 !important;
}

その後、環境設定を介してSafariにロードします。Safariが開いている間にCSSへの変更を再ロードするにはNone Selected、カスタムファイルを選択してから再度選択する必要があります。

おそらく、同じCSSファイルに多大な労力を費やしている多くの人々をWebで見つけるでしょう。幸運を!

結果


2
おかげで、この方法を使用して、異なるWebサイトやページに異なるCSSスタイルを作成できますか?また、1つ以外のすべての要素を変更する方法はありますか?(ADのツールバーなど)
iProgram

知りません。私が知らないCSS構文を使用してそれを行う方法がない限り、私はそうは思いません。それは警告です。複数のCSSファイルを作成し、それらを異なるページに切り替えることができると思います…

すべての要素のスタイルを変更してから、他の要素を個別に変更できます。ADのツールバーの背景を白+テキスト黒に設定するにはどうすればよいですか?また、賛成/反対投票ボタンと承諾ボタンを表示できるようにしたいと考えています。
iProgram

1
ワイルドカードを使用できるとは知りませんでした* {}乾杯
markhunte

1
ユーザーCSSはWebサイトごとのCSSを実行します。拡張機能は少し古いですが、Safariのバージョン8および9で動作します。
sillygwailo 2015年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.