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!

为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

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

详细了解

userChrome.css broken in FF 10.0.2 and Nightly 13.0a1?

  • 2 个回答
  • 1 人有此问题
  • 1 次查看
  • 最后回复者为 sctl

more options

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:

#TabsToolbar {
 background-color: -moz-dialog !important;
}

Thanks

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:<br /> <br /> <pre><nowiki>#TabsToolbar { background-color: -moz-dialog !important; } </nowiki></pre> Thanks

由cor-el于修改

被采纳的解决方案

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.


See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
定位到答案原位置 👍 1

所有回复 (2)

more options

选择的解决方案

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.


See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
more options

Thanks cor-el, sorry it took me so long. You are spot on, as usual!