firefox的查找栏位置如何调整？【已经解决】

[皆神孝介]

就是按下 ctrl+F 出现的那个“在此页面中查找”，默认出现在网页底部，希望能移动到网页顶部，有没有设置的办法呢？

macos

以前的话，改omni，或者改userchrome，要查出xul中的div名

screeper

可以参考firefox-csshacks项目，里面有很多别人写好的userchrome，楼主的要求也可以在里面找到

floating_findbar_on_top.css

1. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
   
2. See the above repository for updates as well as full license text. */
   
3. 
   
4. /* This style makes findbar appear as floating box at the top-left of the content area.
   
5. * If you want the findbar on right side instead then create a new pref
   
6. * userchrome.floating-findbar-on-right.enabled and set it to true and restart Firefox
   
7. *
   
8. * Note that privacy.resistFingerprinting.letterboxing prevents this from working properly
   
9. */
   
10. 
    
11. findbar{
    
12.   order: -1;
    
13.   margin-bottom: -33px;
    
14.   position: relative;
    
15.   border-top: none !important;
    
16.   padding: 0 !important;
    
17.   transition: transform 82ms linear, opacity 82ms linear 32ms !important;
    
18.   background: none !important;
    
19.   pointer-events: none;
    
20.   z-index: 1;
    
21.   white-space: nowrap;
    
22. }
    
23. 
    
24. .findbar-container > .findbar-find-fast{
    
25.   padding: var(--toolbarbutton-inner-padding) 1px;
    
26.   margin: 0 !important;
    
27. }
    
28. 
    
29. findbar[hidden]{ transform: translateY(-30px);}
    
30. 
    
31. findbar > .findbar-container,
    
32. findbar > .close-icon{
    
33.   border: 1px solid var(--chrome-content-separator-color);
    
34.   border-width: 0 0 1px 0px;
    
35.   background-color: var(--lwt-accent-color) !important;
    
36.   background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,none);
    
37.   pointer-events: auto;
    
38. }
    
39. 
    
40. findbar > .findbar-container{
    
41.   border-bottom-right-radius: 4px;
    
42.   border-right-width: 1px;
    
43.   height: initial !important;
    
44.   margin-inline: 0px !important;
    
45.   overflow-inline: visible !important;
    
46. }
    
47. 
    
48. .findbar-find-status{
    
49.   display: flex;
    
50.   overflow: hidden;
    
51.   text-overflow: ellipsis;
    
52.   flex-grow: 1;
    
53. }
    
54. 
    
55. .findbar-closebutton{
    
56.   margin: 0 !important;
    
57.   border-radius: 0 !important;
    
58.   padding: 5px !important;
    
59.   width: initial !important;
    
60.   order: -1;
    
61. }
    
62. .findbar-closebutton > image{ padding: 3px }
    
63. .findbar-closebutton:hover > image{
    
64.   background: var(--toolbarbutton-hover-background) !important;
    
65.   border-radius: 4px
    
66. }
    
67. findbar > .findbar-container > hbox{ margin: 0 5px }
    
68. 
    
69. findbar::after{
    
70.   content:"";
    
71.   display: flex;
    
72.   flex-grow: 100;
    
73. }
    
74. 
    
75. @media (-moz-bool-pref: "userchrome.floating-findbar-on-right.enabled"){
    
76.   findbar{
    
77.     flex-direction: row-reverse;
    
78.   }
    
79.   findbar > .findbar-container{
    
80.     flex-direction: row-reverse;
    
81.     border-inline-width: 1px 0px;
    
82.     border-bottom-right-radius: 0px;
    
83.     border-bottom-left-radius: 4px;
    
84.   }
    
85.   /*
    
86.   Move findbar so it isn't over the scrollbar
    
87.   Delete if you want findbar to begin from right window edge
    
88.   */
    
89.   findbar{
    
90.     margin-right: 16px;
    
91.     border-right: 1px solid var(--chrome-content-separator-color);
    
92.   }
    
93. }
    
94. 
    
95. @supports -moz-bool-pref("userchrome.floating-findbar-on-right.enabled"){
    
96.   findbar{
    
97.     flex-direction: row-reverse;
    
98.   }
    
99.   findbar > .findbar-container{
    
100.     flex-direction: row-reverse;
     
101.     border-inline-width: 1px 0px;
     
102.     border-bottom-right-radius: 0px;
     
103.     border-bottom-left-radius: 4px;
     
104.   }
     
105.   /*
     
106.   Move findbar so it isn't over the scrollbar
     
107.   Delete if you want findbar to begin from right window edge
     
108.   */
     
109.   findbar{
     
110.     margin-right: 16px;
     
111.     border-right: 1px solid var(--chrome-content-separator-color);
     
112.   }
     
113. }

复制代码

使用方法：
1. 在about:config中将toolkit.legacyUserProfileCustomizations.stylesheets设置为true
2. 菜单>帮助>更多排障信息>配置文件夹>打开文件夹
3. 在打开的文件夹内新建名为chrome的文件夹（如果没有）
4. 在chrome文件夹内新建名为userChrome.css的文件（如果没有）
5. 用文本编辑器打开userChrome.css，复制粘贴以上代码之后保存，重启浏览器就能看到效果

效果是这样的：

如果想要出现在右边的话，在about:config里新建一个叫userchrome.floating-findbar-on-right.enabled的项目，然后设置成true即可