Tengo en una página web div repetidos que normalmente son transparentes, pero se vuelven opacos cuando el mouse pasa sobre su padre:

 <div class="entry"> ... <div class="info"> some information text </div> </div>

 div.info { opacity: 0; } .entry:hover div.info { opacity: 1; }

Ahora me gustaría hacer que esa página se pueda buscar a través de la funcionalidad estándar "buscar en la página" del navegador. Eso realmente funciona, pero si el texto encontrado está dentro de un div.info de este tipo, obviamente también es invisible.

¿Hay alguna manera de hacer que mi div sea visible no solo al pasar el mouse por encima, sino también si contiene texto encontrado? ¿O especificar el estilo del texto encontrado, incluido el que se supone que debe ser visible?

Miré las otraspseudoclases de CSS , pero ninguna de ellas coincide con mi propósito. También experimenté con el pseudo-elemento ::target-text como una alternativa al texto encontrado.

¿Tengo que hacer esto a través de JavaScript?