Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Icon background in the Tab Bar

  • 7 replies
  • 1 has this problem
  • 2 views
  • Last reply by Yaron

more options

I have placed a 'Close All Tabs' button in the Tab Bar. I'd like it to have the same background as the default 'New Tab' gray tab-shaped background.

Do I have to change the following code in the xul file? toolbarpalette id="BrowserToolbarPalette" class="toolbarbutton-1"


Thank you.

I have placed a 'Close All Tabs' button in the Tab Bar. I'd like it to have the same background as the default 'New Tab' gray tab-shaped background. Do I have to change the following code in the xul file? toolbarpalette id="BrowserToolbarPalette" class="toolbarbutton-1" Thank you.

Modified by Yaron

All Replies (7)

more options

If you know the selector for the button, you can add a rule to userChrome.css or you can use the Stylish extension.

To get the selector, you could try the DOM Inspector extension feature of inspecting a chrome window.

If what I wrote presupposes too much, then I could try to research it for you. Where did you find a "Close All Tabs" button. Is it a built-in button or one added by an add-on?

more options

Did you create an icon that is transparent?

more options

Hi Jefferson,

Thanks for your help.

I am not a developer. I have an add-on for my personal use, and I've recently added the 'Close All Tabs' button.

I really appreciate your willingness to research. My question is not specific to a certain button. If you drag any button from the Toolbar to the Tab Bar, you could see the difference between the 'New Tab' and that button.

more options

Hi cor-el,

Thanks for your help.

The icon is transparent.

more options

My question is not specific to a certain button. If you drag any button from the Toolbar to the Tab Bar, you could see the difference between the 'New Tab' and that button.

I see, yes, other buttons do not have the appearance of being a tab. When the new tab button is the first button after the tabs, it is moved into the tabs. I don't think there is a simple way to do this with other buttons. I won't rule out a complicated way to do it. :-)

more options

Thank you so much.

This is exactly what I meant. I think it has to do with drawing a border in a css file. If you have some idea, please let me know.

more options
  1. TabsToolbar .toolbarbutton-1

{

 -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png")  4 3 0 / 4px 3px 0 !important;
 background-origin: border-box !important;
 padding: 0 !important;

}