Using the above tecnique will show all the matches with green find color (by default). And a new question about color of this highlight has rised. Recently I added the 'Highlight All' functionality to my extension.

So I don't have information on how the color is set. I saw only nsISelectionController idl file with its structure but no correspondent. But I couldn't find any implementation of this method.

I've found that SELECTION_ATTENTION constant is responsible for that background color and the setDisplaySelection method links the color to the selected text. But setting the ui.textSelectBackgroundAttention preference in about:config to desired color will work with both my extension and default find engine. Still I can't set a custom color for this background so that it be different from the default color of found text in Firefox. Thanks to Noitidart's answer I found some information on how to use nsISelectionController XPCOM interface to select found text with background. QueryInterface(Ci.nsISelectionController) ĬtDisplaySelection(controller.SELECTION_ATTENTION)Ĭontroller.repaintSelection(controller.SELECTION_NORMAL) Var controller=(Ci.nsIInterfaceRequestor) Now I updated my JS code: var selection=w.getSelection() Maybe I should change the inactive selection color. So my purpose is change that initial gray background to red. And next findings work right (with red background). Then when I click with my mouse somewhere in the document text and press F3 the extension finds the next digit and selects it with the red background. Then for document 'onmousedown' I remove this rule not to leave the default selection as red.īut a new problem is when I find say a digit and it gets a selection the background of that selection is gray (so it looks like a text selection of an inactive window). Just add a CSS rule with ::-moz-selection and red background when a text is found and selected. Now I've partially resolved the color-changing preoblem.

So maybe the 'range' method is not the best.īut I think I'm searching a way to highlight this created range. I don't know how the default finder selects a found term and applies background to it. To select a found text I use document.createRange() and selection.addRange() methods. For example, I search for a letter 's' and by default it's selected with a blue rectangle with white text color. And I'd like to change found text highlight color and background. I'm developing an extension for Firefox which searches terms in a page.

Firefox remove recent highlights