Comments on: Highlight the active tab in Firefox

By: Andrei

Andrei — Thu, 14 Aug 2008 04:24:10 +0000

I found the following to work for me (Ubuntu 8.04, Firefox 3.0.1, Theme=Redmond):

@namespace url(”http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);

tab{ -moz-appearance: none !important; }

tab[selected="true"] {
background-color: #AACCFF !important; /* light blue */
color: #000 !important; /* black */
}

tab:hover {
background-color: #FFFFCC !important; /* light yellow */
color: #000 !important; /* black */
}

By: Reik Red

Reik Red — Sat, 31 May 2008 18:15:02 +0000

It should be pointed out that the above solution to active tab highlighting does not necessarily work in linux/X11. At least it does not work in my case where I use a focus-follows-mouse type behavior instead of click-to-focus type behavior. Tthe active tab highlights blue only when I pass the mouse pointer over the tab. Hence the solution is ok for Windows XP et al, but may not be for linux/X11.

I should also mention that in Win XP, I get the active tab highlighted already without doing any hack whereas in linux/X11 I do not. (I’m using firefox 2.0.0.14, this may not be significant). The tab highlight out-of-the-box may be due to a different choice of background colors, I do not know with certainty.

By: Jonathan Aquino

Jonathan Aquino — Sun, 19 Aug 2007 20:56:50 +0000

Ah shoot, it converted the double-quotes again. Anyway, make them normal double-quotes and it will work.

By: Jonathan Aquino

Jonathan Aquino — Sun, 19 Aug 2007 20:56:05 +0000

The problem is that the code shown above has funny quotation marks (probably inserted by the blogging software). Use normal double-quotes and they will work:

.tabbrowser-tab[selected="true"] > hbox,
.tabbrowser-tab[selected="true"] > .tab-close-button {
background-color: #000088 !important;
color: #fff !important;
}

.tabbrowser-tab[selected="true"]:hover > hbox,
.tabbrowser-tab[selected="true"]:hover > .tab-close-button {
background-color: #0000BB !important;
color: #fff !important;
}

By: site ekle

site ekle — Fri, 17 Aug 2007 02:26:58 +0000

im have the same problem i cant choose

“I’m having trouble getting this to work with the default theme, too. Firefox 2.0.0.3 on XP in my case.
“

By: Paulo Raponi

Paulo Raponi — Wed, 28 Mar 2007 20:23:03 +0000

If don’t work, it is because of the copy & paste…
Attention with the quotation marks that the wordpress places in the code. ” for him is ´´

regards,

Paulo

By: LouCypher

LouCypher — Wed, 28 Mar 2007 04:12:26 +0000

http://userstyles.org/style/show/1179

By: Matt

Matt — Tue, 27 Mar 2007 03:28:06 +0000

I’m having trouble getting this to work with the default theme, too. Firefox 2.0.0.3 on XP in my case.

By: jp

jp — Sun, 25 Mar 2007 18:21:31 +0000

Does not work here with the default theme (the only one I have installed) either. Running FF 2.0.0.2 under Linux.

By: Percy Cabello

Percy Cabello — Sat, 24 Mar 2007 18:12:46 +0000

Egídio, good to know if finally worked for you. I’m using the default theme and had no problem at all. Try deleting everything else from userChrome.css (after macing a backup copy) to discard a conflict with some other customization.

By: Devon Young

Devon Young — Sat, 24 Mar 2007 17:40:58 +0000

Which just begs the question….why don’t they make it easy to change in the preferences? It’s a very user friendly feature.

By: Egídio Leitão

Egídio Leitão — Sat, 24 Mar 2007 16:19:51 +0000

Just a quick follow-up to my previous note. I finally got this tip to work after trying it on a 3rd theme. It wouldn’t work on the default FF theme, but it does work on iFox.

By: Egídio Leitão

Egídio Leitão — Sat, 24 Mar 2007 13:39:19 +0000

I have not had problems with changes to my userChrome.css file before. However, adding the code mentioned in this tip has not changed the look of my browser tabs. I thought it could be because of the theme I had chosen. So, I went back to the original FF theme. After several restarts, the tabs still do not show a different color. What could possibly be wrong?