We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Natao arisiva ity resaka mitohy ity. Mametraha fanontaniana azafady raha mila fanampiana.

How do I disable Audio-muted icons over pinned tabs?

  • 2 valiny
  • 1 manana an'ity olana ity
  • 1 view
  • Valiny farany nomen'i Rey Kenobi

more options

I have an issue related to pinned tabs that I hope someone can help me with.

Using Firefox 61.0.1 on Windows 10. I recently installed an add-on called AutoMute that mutes all tabs by default, a side-effect of which is that the audio-muted overlay icon shows in ALL tabs. I managed to find this css and added it to userchrome.css, which is supposed to remove the icon from ALL the tabs:

.tabbrowser-tab :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) { display: none; }

I also set the about:config property called browser.tabs.showAudioPlayingIcon to False.

But for some reason, the audio muted overlay is still showing up in pinned tabs. I tried to define above rule specifically for pinned tabs, but that is not working either:

.tabbrowser-tab[pinned="true"] :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) { display: none; }

If anything, its even more important for the audio muted overlay to be gone from pinned tab, since, apart from aesthetics, their limited real estate makes it more likely to be clicked on accidentally. How do I remove the audio muted icon from pinned tabs?

Please help!

I have an issue related to pinned tabs that I hope someone can help me with. Using Firefox 61.0.1 on Windows 10. I recently installed an add-on called AutoMute that mutes all tabs by default, a side-effect of which is that the audio-muted overlay icon shows in ALL tabs. I managed to find this css and added it to userchrome.css, which is supposed to remove the icon from ALL the tabs: .tabbrowser-tab :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) { display: none; } I also set the about:config property called browser.tabs.showAudioPlayingIcon to False. But for some reason, the audio muted overlay is still showing up in pinned tabs. I tried to define above rule specifically for pinned tabs, but that is not working either: .tabbrowser-tab[pinned="true"] :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) { display: none; } If anything, its even more important for the audio muted overlay to be gone from pinned tab, since, apart from aesthetics, their limited real estate makes it more likely to be clicked on accidentally. How do I remove the audio muted icon from pinned tabs? Please help!

Vahaolana nofidina

You need to add the !important flag to override an existing rule.

  • view-source:chrome://browser/content/tabbrowser.css

.tabbrowser-tab[pinned="true"] :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) { display: none !important; }
Hamaky an'ity valiny ity @ sehatra 👍 0

All Replies (2)

more options

Vahaolana Nofidina

You need to add the !important flag to override an existing rule.

  • view-source:chrome://browser/content/tabbrowser.css

.tabbrowser-tab[pinned="true"] :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) { display: none !important; }
more options

cor-el said

You need to add the !important flag to override an existing rule.
  • view-source:chrome://browser/content/tabbrowser.css

Thank You so much! That did the trick.

Novain'i Rey Kenobi t@