搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

2 horizontal lines in Firefox active tab

  • 6 回覆
  • 0 有這個問題
  • 12 次檢視
  • 最近回覆由 look4

more options

Can someone help , using css , how to remove the 2 horizontal lines(top and bottom) added to the active tab in Firefox - thanks. look4

Can someone help , using css , how to remove the 2 horizontal lines(top and bottom) added to the active tab in Firefox - thanks. look4

所有回覆 (6)

more options

I'm not sure what lines you are referring to, Firefox normally draws a border around the active tab. Note that Firefox may show a userContext line for containers.

You can use the Browser Toolbox to see what CSS rules causes those lines. Note that you need to enable the toolbox to be able to use it.

See also the Firefox CSS subreddit forum.

由 cor-el 於 修改

more options

Thanks Corel , sorry for not being clear enough. As of Firefox version 102 the developers decided to add to the active tab outlining , 2 horizontal lines (as you can see in the image I attached). Since I kept the older angled tab shape , it now looks quite absurd. I tried to play with my userchrome.css , but to no avail. Hope I now made my issue clearer. Thanks.

more options

What is the current CSS code for the selected tab ?

I assume that you style .tab-background to get the rounded tabs, you may have to look at .tab-context-line as well. See .tab-background:

See .tab-context-line:

more options

Thanks a lot Corel , I went over the stuff you sent me but that did not solve the issue. I almost gave up , so as a last resort , I dug into my large css code and finally came up with the solution which I must say , was quite simple once you know "how to address the item"(that was initially my problem). I must say that each Firefox upgrade I find myself rather anxious , just to find out that those who are responsible for the upgrade sometimes play with trifles instead of addressing major issues. What was so important/urgent/necessary to mess with the tab shape , I wonder. It makes me mad. Anyhow , I thank you Corel for always being there to help , thank you indeed. look4.

more options

Can you tell us what code this was about ?

more options

The solution was :

tab[selected="true"] .tab-stack { color:transparent !important; }

look4