新規の質問が来ました。質問は 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 で変更できるのか?
という疑問が残っていることは、こちらに記しておきます。
またご質問下さい。

0