Firefox 教えて Blog

新規の質問が来ました。質問は kenny さんからです。

ウィンドウの背景色を変えたいのですが、DOM Inspectator の使い方がよくわからず、躓いています。
環境：Windows98SE　Firefox1.0.6(rv:1.7.10)英語版

DOM inspector - Firefox まとめサイトに書いてあるとおり、
http://firefox.geckodev.org/index.php?DOM%20inspector
Element Blinking で探して userChrome.css へ次のように書きましたが、ステータスバーの色だけ変わりません。

toolbox, menupopup, statusbar{background-color: azure !important;}

status-bar、statusbar-display、statusbarpanel#status-bar、statusbarpanel#statusbar-display、chromeclass-status の何れでも変更できませんでした。
ステータスバーの id は何でしょうか。あるいは、ウィンドウの背景色を一括で変更できるクラスはありますか?

回答：

今回、userChrome.css を使った UI が変更できることを初めて知りました。UI の id さえ分かれば、スタイルを自由に指定できるようですね。しかし、仰るとおりステータスバーの指定はうまくいかないようです。

変わりになるかはわかりませんが、次のような指定をすることで、ウィンドウの大半の部分の色を変えることができました。

*{
background-color: pink !important;
}

これを指定したときのウインドウの外観は、このようになります。!important 宣言はなくてもこのようなスタイルになります（※ Firefox のテーマは Qute3 です）。



*{

}

という表記は、あちこち探していて、UI のフォント設定を一括で変えるときに使っているのを見て、web-conte.com | ユーザーCSSを使ってFirefoxのUI表示を改善する という記事の中で見つけたものです。

まずはこれで全体を指定し、個別にスタイルを指定していくというのはどうでしょうか。ひとまず回答はこれで終えてしまいますが

・ステータスバーのみを変更出来る ID
・そもそも ID で変更できるのか？

という疑問が残っていることは、こちらに記しておきます。

またご質問下さい。