搜尋 Mozilla 技術支援網站

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

了解更多

Firefox: Move Find bar to the top

  • 5 回覆
  • 1 有這個問題
  • 1 次檢視
  • 最近回覆由 Spinner

more options

I recently upgraded my system and, after installing and using Firefox, I notice the Find (Ctrl + F) bar is now at the bottom of the window. Whereas, it was previously at the top (which is more like every other application I use).

After some head scratching and web searches, I remembered I had to fix this issue previously (after a Firefox upgrade some time back). The method to fix it then could be found here: [there a way to put the Find Bar at top] That link is of course to the same question asked 4 years back.

I have once again followed the procedure there explained per: • Access my Firefox profile folder. In my case:

  C:\Users\<Me>\AppData\Roaming\Mozilla\Firefox\Profiles\5ym42ewi.default

• Create folder therein called ‘chrome’ • In that folder create a file called ‘userChrome.css’ • In that file add text:

  .browserContainer > findbar {
    -moz-box-ordinal-group: 0;
  }

However, after doing that (and restarting Firefox), the Find bar stubbornly remains glued to the bottom of the window.

Can anyone tell me how to solve this issue?

As a separate note to the developers: This issue is long-standing, that a web search reveals is still relevant to many users. Any chance of considering making it a standard option?

I recently upgraded my system and, after installing and using Firefox, I notice the Find (Ctrl + F) bar is now at the bottom of the window. Whereas, it was previously at the top (which is more like every other application I use). After some head scratching and web searches, I remembered I had to fix this issue previously (after a Firefox upgrade some time back). The method to fix it then could be found here: [[https://support.mozilla.org/en-US/questions/1197650|Is there a way to put the Find Bar at top]] That link is of course to the same question asked 4 years back. I have once again followed the procedure there explained per: • Access my Firefox profile folder. In my case: C:\Users\<Me>\AppData\Roaming\Mozilla\Firefox\Profiles\5ym42ewi.default • Create folder therein called ‘chrome’ • In that folder create a file called ‘userChrome.css’ • In that file add text: .browserContainer > findbar { -moz-box-ordinal-group: 0; } However, after doing that (and restarting Firefox), the Find bar stubbornly remains glued to the bottom of the window. Can anyone tell me how to solve this issue? As a separate note to the developers: This issue is long-standing, that a web search reveals is still relevant to many users. Any chance of considering making it a standard option?

被選擇的解決方法

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.


I use code to place that statuspanel at the top and I need to add the !important flag to make this work. EDIT: updated for 113+ where -moz-box-ordinal-group:x needs to be replaced with order:x-1.

.browserContainer > findbar {
 -moz-box-ordinal-group:0 !important; /*  for 112 and older */
 order: -1 !important; /* for 113 and newer */
 border-top: none !important;
 border-bottom: 1px solid ThreeDShadow !important;
} 


/* STATUS PANEL - TOP */
.browserContainer > :not(#statuspanel) {
 -moz-box-ordinal-group:2 !important; /*  for 112 and older */
 order: 1 !important; /* for 113 and newer */
}

#statuspanel {
 margin-top:-20px !important;
 z-index:2147483647 !important;
}

/* STATUS PANEL - width */
#statuspanel {
 max-width:90% !important;
 pointer-events:none !important;
}

/* STATUS PANEL - background */
#statuspanel-label {
 background:#ff9 !important;
 color:black !important;
 font-family:"DejaVu Sans Mono";
 border: gray dotted 1px !important;
}

從原來的回覆中察看解決方案 👍 1

所有回覆 (5)

more options

Note: After posting I note the embedded link doesn't work (and I couldn't find any option to edit the post). The links should read: Is there a way to put the Find Bar at top

more options

選擇的解決方法

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.


I use code to place that statuspanel at the top and I need to add the !important flag to make this work. EDIT: updated for 113+ where -moz-box-ordinal-group:x needs to be replaced with order:x-1.

.browserContainer > findbar {
 -moz-box-ordinal-group:0 !important; /*  for 112 and older */
 order: -1 !important; /* for 113 and newer */
 border-top: none !important;
 border-bottom: 1px solid ThreeDShadow !important;
} 


/* STATUS PANEL - TOP */
.browserContainer > :not(#statuspanel) {
 -moz-box-ordinal-group:2 !important; /*  for 112 and older */
 order: 1 !important; /* for 113 and newer */
}

#statuspanel {
 margin-top:-20px !important;
 z-index:2147483647 !important;
}

/* STATUS PANEL - width */
#statuspanel {
 max-width:90% !important;
 pointer-events:none !important;
}

/* STATUS PANEL - background */
#statuspanel-label {
 background:#ff9 !important;
 color:black !important;
 font-family:"DejaVu Sans Mono";
 border: gray dotted 1px !important;
}

由 cor-el 於 修改

more options

Thanks for all that cor-el

Sadly, I did as suggested and the Find Bar remains stubbornly glued to the bottom. For the sake clarity: • I copied all your code (verbatim) into userChrome.css • There is nothing else in that file • userChrome.css is in a 'chrome' folder within ...AppData\Roaming\Mozilla\Firefox\Profiles\5ym42ewi.default • I closed and restarted Firefox after the changes • My Firefox is version 98.0.2 (64-bit) • My Windows is Windows Pro version 10.0.19043

Obviously it's working for you, so there is something different between our systems. If you have any ideas of what, I would certainly appreciate hearing them.

more options

Did you set the about:config preference to true? The various steps are outlined in the link below. You will have to remove the blank space in the link.

https://www.userchrome. org/how-create-userchrome-css.html

more options

Thank you again. Turns out I was using the wrong ‘default’ folder. For whatever reason I have two of them? The method in your post above to find out which is the ‘correct’ one was the final part of solution.

So… again… thank you very much! I’ll squirrel this information away for the next time (I need to go through this cycle).