搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

Learn More

Tabs to have a highlighted color when playing audio .

  • 3 个回答
  • 1 人有此问题
  • 230 次查看
  • 最后回复者为 duuejv

more options

I am using this css to make tabs have a highlighted color when they are playing audio:

/* Turn tabs playing audio gold */

.tabbrowser-tab[soundplaying="true"] .tab-background {

background-color: #cc0 !important;

}

After updating to FF-119 does not work. Do i have to do any change to it , to work again ? Thank you in advance.

I am using this css to make tabs have a highlighted color when they are playing audio: /* Turn tabs playing audio gold */ .tabbrowser-tab[soundplaying="true"] .tab-background { background-color: #cc0 !important; } After updating to FF-119 does not work. Do i have to do any change to it , to work again ? Thank you in advance.

被采纳的解决方案

I tryed: [soundplaying] instead of [soundplaying="true"] and it works again. Now my CSS is:

/* Turn tabs playing audio gold */

.tabbrowser-tab[soundplaying] .tab-background {

 background-color: #cc0 !important;

}

定位到答案原位置 👍 0

所有回复 (3)

more options

hello duuejv,

As of my last knowledge update in January 2022, the CSS you provided should work to change the background color of tabs that are playing audio in Mozilla Firefox. However, it's possible that there have been changes in Firefox's internal structure or CSS classes in newer versions that are causing this code to no longer work as expected.

To address this issue in a newer version of Firefox, you may need to adjust the CSS selector or code. Here's a modified version of the CSS that may work for Firefox 119:

/* Turn tabs playing audio gold in Firefox 119+ */

.tabbrowser-tab[playing-audio] .tab-content {

   background-color: #cc0 !important;

}

In this updated CSS:

1. The attribute selector [soundplaying="true"] has been replaced with [playing-audio]. This updated attribute selector should work with recent versions of Firefox.

2. The CSS class has been changed from .tab-background to .tab-content to match the newer structure of Firefox tabs.

Please insert this modified CSS code into your userChrome.css file. If you haven't used userChrome.css before, here are the steps:

1.mOpen a new tab in Firefox and enter about:config in the address bar.

2.Search for the preference toolkit.legacyUserProfileCustomizations.stylesheets and set it to true by double-clicking it.

3.Go to your Firefox profile folder. You can access it by typing about:support in the address bar and clicking the "Open Folder" button next to "Profile Folder."

4.In your profile folder, create a folder named chrome (if it doesn't already exist).

5.Inside the chrome folder, create a text file named userChrome.css.

6.Open the userChrome.css file with a text editor and paste the modified CSS code into it.

7.Save the file.

8.Restart Firefox.

Thanks Regards Arman

more options

It didn't work , and also this css you suggested to me breaked another css i have in the userChrome.css file, which is : /* ACTIVE TAB Gold BACKGROUND COLOR */ .tab-content[selected] {

 color: black !important;
 background-color: #FFFFA0 !important;

}

more options

选择的解决方案

I tryed: [soundplaying] instead of [soundplaying="true"] and it works again. Now my CSS is:

/* Turn tabs playing audio gold */

.tabbrowser-tab[soundplaying] .tab-background {

 background-color: #cc0 !important;

}