Các câu trả lời gần đây cho change find bar backhttps://support.mozilla.org/vi/questions/9761662014-03-23T06:08:48-07:00Thanks I've edited the post.
I don't think that you need the margin-right, so removed that as well.
2014-03-23T06:08:48-07:00cor-elhttps://support.mozilla.org/vi/questions/976166?page=2#answer-547511<p>Thanks I've edited the post.<br>
I don't think that you need the margin-right, so removed that as well.
</p>
<hr>
<p>See this post for a suggestion about the background color of .findbar-find-status:
</p>
<ul><li> [<a href="/questions/1010897" rel="nofollow">/questions/1010897</a>]
</li></ul>Mozilla managed to break this in Firefox 28 somehow, now you have to remove ".findbar-container>"2014-03-23T04:36:26-07:00Geinerhttps://support.mozilla.org/vi/questions/976166?page=2#answer-547477<p>Mozilla managed to break this in Firefox 28 somehow, now you have to remove ".findbar-container&gt;" for some things to work. To make the close button be on the left again change this:
</p><p>/* close button at far left */
</p><p>.findbar-container&gt;.findbar-closebutton { -moz-box-ordinal-group:0!important; margin-right:10px!important; }
</p><p>into this:
</p><p>/* close button at far left */
</p><p>.findbar-closebutton { -moz-box-ordinal-group: 0&nbsp;!important; margin-right:10px&nbsp;!important; }
</p>Welcome to the minority Sonic. My only computer sits on my desk, my only only phone is MagicJack, my2014-02-17T18:42:39-08:00Catteneohttps://support.mozilla.org/vi/questions/976166?page=2#answer-535326<p>Welcome to the minority Sonic. My only computer sits on my desk, my only only phone is MagicJack, my only music player is my Internet radio. I like to keep an uncluttered life and an uncluttered mind.
</p>[quote]just to remind you how much better the old find bar was. everything about the top bar is bett2014-02-16T11:11:38-08:00sonicthefirefoxhttps://support.mozilla.org/vi/questions/976166?page=2#answer-534893<p>[quote]just to remind you how much better the old find bar was. everything about the top bar is better and more user friendly.
</p><p><a href="http://s11.postimg.org/qsc5piwr7/ff_find.png" rel="nofollow">http://s11.postimg.org/qsc5piwr7/ff_find.png</a> <a href="/quote" rel="nofollow">/quote</a>
</p><p>I agree completely. The new one might be fine for those accursed tablets or mobile devices, but I use a PC for that stuff. I know I'm in the minority, but I wouldn't miss tablets and smart phones whatsoever.
</p>Outstanding. That's exactly what I was looking for plus much more. Thanks Hawran.
2013-11-27T06:29:45-08:00Catteneohttps://support.mozilla.org/vi/questions/976166?page=2#answer-506124<p>Outstanding. That's exactly what I was looking for plus much more. Thanks Hawran.
</p>WOW! thats exactly it. Solves the problem. Even ctrl+F minimizes the bar again which I couldnt do wi2013-11-27T03:34:46-08:00backbuttonsuckshttps://support.mozilla.org/vi/questions/976166?page=2#answer-506047<p>WOW! thats exactly it. Solves the problem. Even ctrl+F minimizes the bar again which I couldnt do with user.css thing.
</p><p>++++ great!
</p>OMG.
https://addons.mozilla.org/en-US/firefox/addon/findbar-tweak/
2013-11-26T22:29:35-08:00hawran.diskusehttps://support.mozilla.org/vi/questions/976166?page=2#answer-505948<p>OMG.
</p><p><a href="https://addons.mozilla.org/en-US/firefox/addon/findbar-tweak/" rel="nofollow">https://addons.mozilla.org/en-US/firefox/addon/findbar-tweak/</a>
</p>The css code is excellent, not just for what it does, but for showing what can be done at the user l2013-11-18T07:06:19-08:00Catteneohttps://support.mozilla.org/vi/questions/976166?page=2#answer-502940<p>The css code is excellent, not just for what it does, but for showing what can be done at the user level and for opening up so much potential. Speaking of which, is there code I can add that will force the Find bar to remain open at all times?
</p><p>I'm aware of "Search for text when I start typing" and this is not acceptable as the bar still sinks after a few moments of non-use. I want the bar to ALWAYS be there:
</p>
<ul><li> On new tabs
</li><li> After closing and reopening Firefox
</li><li> After any length of time without being used
</li><li> Even if it means that the bar can't be closed manually, I'd prefer that to having it close or sink automatically.
</li></ul>if you add this 'border-right: 1px solid #a0a0a0!important' it will draw a line on the side of the b2013-11-10T02:23:36-08:00jonjonjonhttps://support.mozilla.org/vi/questions/976166?page=2#answer-499900<p>if you add this 'border-right: 1px solid #a0a0a0!important' it will draw a line on the side of the button.
</p>>"does mozilla do usability tests? i doubt they do because there is no way the new find is easier2013-11-09T22:06:13-08:00crxssihttps://support.mozilla.org/vi/questions/976166?page=2#answer-499853<p>&gt;"does mozilla do usability tests? i doubt they do because there is no way the new find is easier to use or an upgrade over then the old one. "
</p><p>I couldn't agree more.
</p>Any way to make the bar match the browser's background if I'm using a browser skin? Or to get it to 2013-11-09T16:31:04-08:00ScorpSthttps://support.mozilla.org/vi/questions/976166?page=2#answer-499803<p>Any way to make the bar match the browser's background if I'm using a browser skin? Or to get it to stay open if I'm changing tabs, and make it so that, when I close it, it's closing on all tabs?
</p>That is the built-in file that Firefox uses to style the Find bar, so you can see which CSS are curr2013-11-09T12:21:50-08:00cor-elhttps://support.mozilla.org/vi/questions/976166?page=2#answer-499777<p>That is the built-in file that Firefox uses to style the Find bar, so you can see which CSS are currently applied.<br>
Then you know which to change (override) with your own rules.<br>
I showed them so you can see how the border of the previous and next button are defined.<br>
-moz-border-end-width and -moz-border-start-width are proprietary Mozilla rules for the border-right-width and border-left-width.
</p>
<ul><li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions</a>
</li></ul>cor-el,
Please forgive my ignorance on this. I have no idea what to do with that information. Where 2013-11-09T12:09:00-08:00NCEDAUShttps://support.mozilla.org/vi/questions/976166#answer-499774<p>cor-el,
</p><p>Please forgive my ignorance on this. I have no idea what to do with that information. Where is findBar.css located? I can put that in the address bar, and see the css code. But, how would I change it?
</p><p>Carl
</p>See:
chrome://global/skin/findBar.css
.findbar-find-previous {
-moz-image-region: rect(0, 12px, 2013-11-09T09:41:39-08:00cor-elhttps://support.mozilla.org/vi/questions/976166#answer-499744<p>See:
</p>
<ul><li>chrome://global/skin/findBar.css
</li></ul>
<pre>.findbar-find-previous {
-moz-image-region: rect(0, 12px, 9px, 0);
-moz-border-end-width: 0;
}
.findbar-find-previous:focus + .findbar-find-next {
-moz-border-start-width: 0;
}
.findbar-find-previous:focus {
-moz-border-end-width: 1px;
}
</pre>Yes exactly, thank you for creating this topic
I am strongly against the new Find bar, and if I coul2013-11-08T19:18:52-08:00psypulshttps://support.mozilla.org/vi/questions/976166#answer-499503<p>Yes exactly, thank you for creating this topic
I am strongly against the new Find bar, and if I could have only one veto chance of all firefox existance I would chose to revert and get the old Find bar back
</p>The right border of the previous button is added by the "border-right-width:1px!important;" rule in 2013-11-07T06:01:53-08:00NCEDAUShttps://support.mozilla.org/vi/questions/976166#answer-498839<blockquote>The right border of the previous button is added by the "border-right-width:1px!important;" rule in the code.
If you need a border for the next button then add it there as well or just don't use that rule (the border is already there).<br>
<br>
.findbar-container&gt;hbox&gt;.findbar-find-previous { border-right-width:1px!important; }
.findbar-container&gt;hbox&gt;<br>
.findbar-find-next { border-right-width:1px!important; }</blockquote><hr>
<p>Well, for whatever reason, that has no effect on the borders. Just try setting the width to 10px, and you still won't see anything there.
</p><p>No problem though, I'm very happy with how it is now. Thanks again.
</p><p>Carl
</p>after messing around with the stuff cor-el posted i was able to get it to the point where i'm happy.2013-11-07T05:45:47-08:00jonjonjonhttps://support.mozilla.org/vi/questions/976166#answer-498832<p>after messing around with the stuff cor-el posted i was able to get it to the point where i'm happy. at least until mozilla screws it up more in ff 26. thanks for the help.
</p><p>i'm not sure why i couldn't get the previous button's right border to show when its moved to the other side of next. does it not have a border because it was supposed to be sharing the border with the next button? i ended up just drawing a solid line for the right border with the same color.
</p>
<pre>/* only needed once */
@namespace url("<a href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="nofollow">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>");
/* add text to Previous and Next buttons */
.findbar-find-next label:after { content:"Next"; margin-left:2px!important; }
.findbar-find-previous label:after { content:"Previous"; margin-left:2px!important;}
.findbar-container&gt;hbox&gt;.findbar-find-next { border-right-width:1px!important; border-left-width:0px!important;}
.findbar-container&gt;hbox&gt;.findbar-find-previous { -moz-box-ordinal-group:2!important; border-right-width:1px!important; border-right: 1px solid #a0a0a0!important; }
/* Quick find - show buttons */
.findbar-container&gt;*,.findbar-container&gt;hbox&gt;* { display:-moz-box; }
/* move spacer to a position behind the Match case button */
.findbar-container&gt;spacer { -moz-box-ordinal-group:4!important; }
.findbar-container&gt;.findbar-find-status { -moz-box-ordinal-group:3!important; }
/* close button at far left */
.findbar-container&gt;.findbar-closebutton { -moz-box-ordinal-group:0!important; margin-right:10px!important; }
/* adjust the width of the text field */
.findbar-textbox { width:18em!important; }
/* add a background color to the checked Highlight and Case sensitive buttons */
.findbar-highlight[checked]&gt;label { background-color:#ff8!important; }
.findbar-highlight { margin-left:15px!important; }
.findbar-case-sensitive[checked]&gt;label { background-color:#f88!important; }
/* hide "(Case sensitive)" label */
.findbar-case-sensitive[checked]+label { display:none!important; }
</pre>The right border of the previous button is added by the "border-right-width:1px!important;" rule in 2013-11-06T15:41:50-08:00cor-elhttps://support.mozilla.org/vi/questions/976166#answer-498583<p>The right border of the previous button is added by the "border-right-width:1px!important;" rule in the code.<br>
If you need a border for the next button then add it there as well or just don't use that rule (the border is already there).
</p>
<pre>.findbar-container&gt;hbox&gt;.findbar-find-previous { border-right-width:1px!important; }
.findbar-container&gt;hbox&gt;.findbar-find-next { border-right-width:1px!important; }</pre>Thank you cor-el.
Even thought I asked to have the Next button moved to the left, I ended up just le2013-11-06T15:13:38-08:00NCEDAUShttps://support.mozilla.org/vi/questions/976166#answer-498580<p>Thank you cor-el.
</p><p>Even thought I asked to have the Next button moved to the left, I ended up just leaving it on the right because it loses the side borders when it's moved, and I like the look with them.
</p><p>In any case, I'm thrilled with the final result. Here's what I finally settled on for myself.
</p><p>@namespace url("<a href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="nofollow">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>"); /* set default namespace to XUL */
</p><p>/* close button at far left */
.findbar-container&gt;.findbar-closebutton { -moz-box-ordinal-group: 0&nbsp;!important; margin-right:10px&nbsp;!important; }
</p><p>/* adjust the width of the text field */
.findbar-textbox { width:10em&nbsp;!important; }
</p><p>/* add text to Previous and Next buttons */
.findbar-find-previous label:after { content: "Prev"; }
.findbar-find-next label:after { content: "Next"; }
</p><p>/* move status msg (e.g. "Reached end of page, continued from top") to the right of Match Case button */
.findbar-container&gt;.findbar-find-status{-moz-box-ordinal-group:2!important;}
</p><p>/* move spacer to the right of status msg */
.findbar-container&gt;spacer { -moz-box-ordinal-group:3&nbsp;!important; }
</p><p>/* hide "(Case sensitive)" label */
.findbar-case-sensitive[checked]+label { display:none&nbsp;!important; }
</p>Wow thanks!
All credit to cor-el of course, but for the benefit of anyone searching for this, here i2013-11-06T09:32:14-08:00soundwavehttps://support.mozilla.org/vi/questions/976166#answer-498494<p>Wow thanks!
</p><p>All credit to cor-el of course, but for the benefit of anyone searching for this, here is my slightly tweaked version of the full code, which combines cor-el's most recent additions, and has a less wide search box, a dark font color for when the buttons are highlighted (previously could not read the white on yellow) and a couple more comments in the code.
</p><p>This is virtually identical to the old find bar now. Thanks again cor-el.
</p>
<pre>@namespace url("<a href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="nofollow">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>"); /* only needed once */
/* add text to Previous and Next buttons */
.findbar-find-previous label:after { content: "Previous"; }
.findbar-find-next label:after { content: "Next"; }
/* position buttons so Next is before Previous */
.findbar-container&gt;hbox&gt;.findbar-find-previous {-moz-box-ordinal-group:2!important;border-right-width:1px!important;}
.findbar-container&gt;hbox&gt;.findbar-find-next {border-right-width:0px!important;}
/* more possible tweaks */
/* Quick find - show buttons */
.findbar-container&gt;*,.findbar-container&gt;hbox&gt;* { display:-moz-box; }
/* move spacer to a position behind the Match case button */
.findbar-container&gt;spacer { -moz-box-ordinal-group:3&nbsp;!important; }
/* close button at far left */
.findbar-container&gt;.findbar-closebutton { -moz-box-ordinal-group: 0&nbsp;!important; margin-right:10px&nbsp;!important; }
/* close button at far right */
/* .findbar-container&gt;.findbar-closebutton { -moz-box-ordinal-group:3&nbsp;!important; } */
/* adjust the width of the text field */
.findbar-textbox { width:15em&nbsp;!important; }
/* add a background color to the checked Highlight and Case sensitive buttons */
.findbar-highlight[checked]&gt;label { color:#222; background-color:#ff8&nbsp;!important; }
.findbar-case-sensitive[checked]&gt;label { color:#222; background-color:#f88&nbsp;!important; }
.findbar-case-sensitive[checked]+label { display:none&nbsp;!important; } /* hide "(Case sensitive)" label */
/* move phrase not found over to the right */
.findbar-container&gt;.findbar-find-status{-moz-box-ordinal-group:2!important;}
</pre>