How to disable audio indicator icon in pinned/unpinned tabs after removal of browser.tabs.showAudioPlayingIcon ? 的最新解答https://support.mozilla.org/zh-TW/questions/12861842020-07-29T00:43:07-07:00cor-el said
You can possibly include: .tab-icon-sound[pinned] { display:none !important; }See m2020-07-29T00:43:07-07:00worldman1994https://support.mozilla.org/zh-TW/questions/1286184#answer-1336949<em><p>cor-el <a href="#answer-1336948" rel="nofollow">said</a></p></em>
<blockquote>You can possibly include: <b>.tab-icon-sound[pinned] { display:none&nbsp;!important; }</b><br>See my above reply that I've edited
</blockquote>
<p>Just wanted to reply that i also included this <strong>without [pinned] modifier</strong> to get rid of an icon from unpinned tab, it solved my problem, thanks.
</p>You can possibly include: .tab-icon-sound[pinned] { display:none !important; }See my above repl2020-07-29T00:40:14-07:00cor-elhttps://support.mozilla.org/zh-TW/questions/1286184#answer-1336948<p>You can possibly include: <b>.tab-icon-sound[pinned] { display:none&nbsp;!important; }</b><br>See my above reply that I've edited
</p>You will have to use codec in userChrome.css to hide this icon.See these files for relevant selector2020-07-29T00:00:06-07:00cor-elhttps://support.mozilla.org/zh-TW/questions/1286184#answer-1336939<p>You will have to use codec in userChrome.css to hide this icon.<br>See these files for relevant selectors.
</p>
<ul><li><a href="https://searchfox.org/mozilla-release/source/browser/base/content/tabbrowser.css" rel="nofollow">https://searchfox.org/mozilla-release/source/browser/base/content/tabbrowser.css</a>
</li></ul>
<pre>.tab-close-button[pinned],
#tabbrowser-tabs[closebuttons="activetab"] &gt; #tabbrowser-arrowscrollbox &gt; .tabbrowser-tab &gt; .tab-stack &gt; .tab-content &gt; .tab-close-button:not([selected="true"]),
.tab-icon-pending:not([pendingicon]),
.tab-icon-pending[busy],
.tab-icon-pending[pinned],
.tab-icon-image:not([src]):not([pinned]):not([crashed])[selected],
.tab-icon-image:not([src]):not([pinned]):not([crashed]):not([sharing]),
.tab-icon-image[busy],
.tab-throbber:not([busy]),
.tab-icon-sound:not([soundplaying]):not([muted]):not([activemedia-blocked]):not([pictureinpicture]),
.tab-icon-sound[pinned],
.tab-sharing-icon-overlay,
.tab-icon-overlay {
display: none;
}
.tab-sharing-icon-overlay[sharing]:not([selected]),
.tab-icon-overlay[soundplaying][pinned],
.tab-icon-overlay[muted][pinned],
.tab-icon-overlay[activemedia-blocked][pinned],
.tab-icon-overlay[crashed] {
display: -moz-box;
}</pre><br>
<p>See also this file starting at line line 384 for <b>.tab-icon-sound</b>:
</p>
<ul><li><a href="https://searchfox.org/mozilla-release/source/browser/themes/shared/tabs.inc.css" rel="nofollow">https://searchfox.org/mozilla-release/source/browser/themes/shared/tabs.inc.css</a>
</li></ul>
<hr>
<p>Add code to the <b>userChrome.css</b> file below the default @namespace line.
</p>
<hr>
<pre>@namespace url("<a href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="nofollow">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>"); /* only needed once */
.tab-icon-overlay[soundplaying][pinned],
.tab-icon-overlay[muted][pinned],
.tab-icon-overlay[activemedia-blocked][pinned] { display:none!important; }
.tab-icon-sound[pinned] { display:none !important; }
</pre>
<hr>
<p>It is not that difficult to create userChrome.css if you have never used it.
</p><p>The first step is to open the "Help -&gt; Troubleshooting Information" page and find the button to access the profile folder.
</p>
<ul><li><a href="https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox" rel="nofollow">https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox</a>
</li></ul>
<p>You can find this button under the "Application Basics" section as "Profile Folder -&gt; Open Folder".<br>If you click this button then you open the profile folder in the Windows File Explorer.<br>You need to create a folder with the name <u>chrome</u> in this folder (name is all lowercase).<br>In the <b>chrome</b> folder you need to create a plain text file with the name <u>userChrome.css</u> (name is case sensitive).<br>In this userChrome.css text file you paste the text posted.<br>On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file.
</p><p>In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named <i>userChrome.css.txt</i>.
To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
</p><p>You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.
</p><p>See also:
</p>
<ul><li><a href="https://www.userchrome.org/what-is-userchrome-css.html" rel="nofollow">https://www.userchrome.org/what-is-userchrome-css.html</a>
</li><li><a href="https://www.userchrome.org/how-create-userchrome-css.html" rel="nofollow">https://www.userchrome.org/how-create-userchrome-css.html</a>
</li></ul>
<p>In Firefox 69 and later you need to set this pref to true on the <b>about:config</b> page to enable userChrome.css and userContent.css in the chrome folder.
</p>
<ul><li>toolkit.legacyUserProfileCustomizations.stylesheets = true
</li></ul>
<p>See:
</p>
<ul><li><a href="https://www.userchrome.org/firefox-changes-userchrome-css.html" rel="nofollow">https://www.userchrome.org/firefox-changes-userchrome-css.html</a>
</li></ul>Am i the only person that encountered this problem ?
2020-07-28T07:22:49-07:00worldman1994https://support.mozilla.org/zh-TW/questions/1286184#answer-1336811<p>Am i the only person that encountered this problem&nbsp;?
</p>