Firefox8のデフォルトファビコンをCSSで変更する 2011-11-12 (Sat) 11:49

Firefox8からデフォルトのファビコンが変更になったようで、四角い点線になってしまった。
慣れの問題だろうがやっぱり何となくしっくりこないのでCSSでこれを変更してみた。

userChrome.cssに以下の記述を追加
/* デフォルトファビコンを変更 */
#page-proxy-favicon:not(src),
#contentView treechildren::-moz-tree-image(title,leaf),
#bookmarks-view treechildren::-moz-tree-image(leaf),
#history-panel treechildren::-moz-tree-image(leaf),
.tab-icon-image:not(src),
.bookmark-item:not([container]):not([image]),
.menuitem-with-favicon.menu-iconic-icon:not(src) {
/* list-style-image: url("image/defaultFavicon.png") !important; */
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 16px, 16px, 0px)!important;
}

ちなみに上記はFirefox本体で持っているアイコンを使用しているがこれは好みのものに変更可能。
例えば、userChrome.cssと同じフォルダに imageフォルダを作成しそこに使いたいアイコンを defaultFavicon.pngという名前で保存した場合は、上記でコメントアウトしている方を生かし、その下2行をコメントアウトすればOK。

◎豆知識
アドレスバーに
chrome://mozapps/skin/places/defaultFavicon.png

と入力してエンターキーを押すと、デフォルトファビコンが表示されるのでこれを右クリックし「名前を付けて画像を保存」を実行すれば画像ファイルとして取り出すことができる。
関連記事

コメントの投稿

管理者にだけ表示を許可する

注意事項
基本的にこのブログはブログ主の備忘録です。

ブログの内容にはブログ主の主観や時には正確でない情報が含まれていることもあります。書いてある内容がすべての環境にあてはまることを保証するものでもありません。

また、過去の記事は現時点で既に陳腐化していることもあります。

その辺をご理解の上で当ブログ内に書いてあることを試す場合は自己責任でお願いします。

記事内容の誤りの指摘、疑問点の回答などコメント頂けると助かります。
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
ブログ内検索
カラーコードチェッカ
カラーコードの確認
入力例) #ffffff | blue
カテゴリ
最新記事
最新コメント
最新トラックバック
リンク
ブロとも申請フォーム

この人とブロともになる

メールフォーム

名前:
メール:
件名:
本文: