• 締切済み

閲覧時に背景色、文字色をcssで変更したい

WindowsXP、Firefox3を使用しています。 白背景に黒文字という一般的なウェブページの配色はまぶしいので、 Stylishというアドオンを使ってcssで背景色、文字色を変更しようと思い、 以下のようなcssを作成しました。 ------------------------ここから body { color: #696969 !important; background-color: #dcdcdc !important; background-image:none !important; } td { color: #343434 !important; background-color: #d3d3d3 !important; background-image:none !important; } ------------------------ここまで しかし、これだと色が変更できない領域があります。 例えば、 http://www.yahoo.co.jp/  ……一番下?の背景色しか変わりません http://www.4gamer.net/   ……一切変化しません http://www.flay.com/    ……背景色は変わりますが、文字色が変わりません アドオンを使わず、userContent.cssを使う方法にしても結果は同じようです。 どのウェブページでも背景色と文字色を変更するには、どう記述すればよいのでしょうか?

みんなの回答

noname#66720
noname#66720
回答No.2

Yahoo!のソースを見た感じ html head+body { html head+body #wrapper td { と前に付け加えて優先度を上げてみたり(たくさん書くほど重要度が上がります)、 同じ記述を何度も記述してみると上書きされるかもしれません。

bbcd
質問者

補足

cssにはあまり詳しくないので勘違いしているかもしれませんが、 こんな感じでしょうか? --------------------- html head+body { color: #696969 !important; color: #696969 !important; color: #696969 !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-color: #cdcdcd !important; background-image:none !important; background-image:none !important; background-image:none !important; } --------------------- これでやってみましたが、残念ながら変化はありませんでした。 userContent.cssでやってみても同様でした。 「html head+body #wrapper td {」の方は、cssが無効になってしまうようです。 ユーザースタイルシートというのは、まだ一般的なものじゃないんでしょうか……。

すると、全ての回答が全文表示されます。
  • readordie
  • ベストアンサー率57% (66/115)
回答No.1

Firefoxの ツール > オプション >コンテンツ フォントと配色 > 配色設定 で 好きな色に設定して、「Webページが指定したカラーを優先する」のチェックを外す 設定後は一応Firefoxを再起動

bbcd
質問者

お礼

すいません。それは知っているのですが、 配色に問題のないサイトは元の色で表示したいため、 手軽にcssを切り替えられるStylishを使用したいのです。 またご指摘の方法ですと、bodyとtdの区別がなくなってしまうので、 あまりにレイアウトが無味乾燥すぎるという理由もあります。

すると、全ての回答が全文表示されます。

関連するQ&A