搜尋 Mozilla 技術支援網站

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

Learn More

How to completely remove tabs bar using userChrome.css

  • 4 回覆
  • 1 有這個問題
  • 10 次檢視
  • 最近回覆由 cor-el

more options

I have been seaching for the solution for the whole day, and i found the closest one. It Does remove tabs, windows buttoms, but the background bar still remains, and i dont need it this way. So thats the code i used to make it >>>>>

  1. main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar .titlebar-spacer {
       border-inline-end: none;

}

  1. main-window:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
 opacity: 0;
 pointer-events: none;

} /* This makes the bar shorter vertically but removes the 3 window buttons */

  1. main-window #TabsToolbar {
 visibility: collapse !important;

} /* For full screen mode */

  1. TabsToolbar[inFullscreen]{
 display: none !important; 

}

On the screenshot you can see what remains on tabs' bar place I need my browser to end just above the URL string, so there wont be empty space in the top of the monitor. Can you help me find solution for this problem, please?

I have been seaching for the solution for the whole day, and i found the closest one. It Does remove tabs, windows buttoms, but the background bar still remains, and i dont need it this way. So thats the code i used to make it >>>>> #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar .titlebar-spacer { border-inline-end: none; } #main-window:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } /* This makes the bar shorter vertically but removes the 3 window buttons */ #main-window #TabsToolbar { visibility: collapse !important; } /* For full screen mode */ #TabsToolbar[inFullscreen]{ display: none !important; } On the screenshot you can see what remains on tabs' bar place I need my browser to end just above the URL string, so there wont be empty space in the top of the monitor. Can you help me find solution for this problem, please?
附加的畫面擷圖

所有回覆 (4)

more options

LIke this

有幫助嗎?

more options

You'll want to post your question to a userchrome.css forum for them to verify your custom css.

有幫助嗎?

more options

You can use the title bar area for the title of the current page (Title bar option) or for the Menu bar. I don't know whether the title bar itself can be hidden or whether people normally slide the rest of the toolbars upward.

I agree with trying https://www.reddit.com/r/FirefoxCSS/ because a number of users with tabs in the sidebar probably hang out there.

有幫助嗎?

more options

What other code do you have in userChrome.css as it is possible that other code interferes (i.e. you can try with only this code) ?

You can also try a rule to hide the caption buttons.

#TabsToolbar .titlebar-buttonbox-container {
  display:none !important;
}

有幫助嗎?

問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題