firefoxのタブファビコンを消した時の点線表示

質問

firefoxのタブにファビコンがあると思いますが、高速化するためにファビコンを非表示にしました。
すると、その代わりに四角い点線枠が出てきました。(下図)

この点線枠がなければタブの文章がもっと表示されてわかりやすくなると思うのですが、この点線枠を非表示にする方法がわかりません。

アドオンを入れると重くなるので、アドオンはgoogle translator for firefoxしか入れていません。
ほかの設定はすべてuserChrome.cssとuserContent.cssによって行っているので、できればスタイルシートでなんとかしたいです。

ちなみに、読み込み中のアイコン(ぐるぐるしてるやつ)は以下のような記述をuserChrome.cssに書いたことで非表示にできました。

.tab-throbber {
display: none !important;
}

たくさん調べましたがわからなかったので、皆さんのお知恵を拝借したいです。
わかる方回答よろしくお願いいたします。

回答No.3

narashingo · ベストアンサー

A.No1です。

＞Firefox2用のも3.0、3.5用のもやったのですが、どちらも効果がありませんでした。

私は、Stylishのアドオンで「新しいスタイル」として追加して確認しましたが、2.0は点線アイオンが消えて、テキストは左端から表示になりましたが。
https://addons.mozilla.org/ja/firefox/addon/stylish/

この方法を無効にしてから、userChrome.cssファイルに次の文字列を貼り付けて、chromeフォルダに入れて、再起動するとちゃんとアイコンが消えています。

.tabbrowser-tabs .tab-icon {
display: none;}

他のcssが何か影響していないでしょうか。

なお、先の回答や前記の状況は、ver19.0とbeta版の20.0の両方での確認結果です。

お礼

詳しい回答ありがとうございます!!

おかげさまでうまくいきました!

ほかのcss影響することもあるのですか(゜Д゜;)
勉強になりました^^

ありがとうございました

回答No.2

neddoheny

.tab-throbber,
.tab-icon-image {
display: none !important;
}

お礼

回答ありがとうございます!!

書いてくださった設定をuserChrome.cssに書いたらうまくいきました!!!!
ありがとうございます、ずっと悩んでいたので助かりました(笑)

回答No.1

narashingo

タブのアイコンでしたら、次のページにある「タブバー」の項目の「常にタブアイコンを表示しない」にあるFirefox2用のcssを適用したら、消えるようですが。
http://firefox.geckodev.org/index.php?cmd=read&page=userchrome.css&word=dropmarker

お礼

回答ありがとうございます!!

Firefox2用のも3.0、3.5用のもやったのですが、
どちらも効果がありませんでした。(´・・｀)