What is the CSS pseudo-class to change the background color of an element when found with the browser search?

Question

What is the pseudo-class that could let me set the css background color behind goal in the illustration below? Is that something that could be customized? Pleace notice that I want to change the style of text found with browser search and not style of text when selected (with ::selection).

I went through MDN and did not manage to find the appropriate pseudo-class.

https://developer.mozilla.org/en-US/docs/Web/CSS/::selection ? — Temani Afif, Sep 27 '19 at 13:56
Possible duplicate of [Changing the text selection color using CSS?](https://stackoverflow.com/questions/10578073/changing-the-text-selection-color-using-css) — disinfor, Sep 27 '19 at 13:59
The selection color is not the same as the color the browser gives when you search. — JasperZelf, Sep 27 '19 at 14:04
::selection works when selecting with the mouse but not with the browser search — Pierre-Alban DEWITTE, Sep 27 '19 at 14:04

score 3 · Accepted Answer · answered Sep 27 '19 at 14:06

3

The browser search color can not be styled with CSS unfortunately.

answered Sep 27 '19 at 14:06

JasperZelf

2,731
1
22
34

What is the CSS pseudo-class to change the background color of an element when found with the browser search?

1 Answers1