当通过浏览器搜索找到文本时，如何使文本可见？

Question

我在网页中重复了divs，它们通常是透明的，但当鼠标悬停在其父级上时变得不透明：

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

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

我现在想通过标准浏览器的“在页面中查找”功能使该页面可搜索。这实际上是有效的，但如果找到的文本在这样的 中div.info，它显然也是不可见的。

有没有办法让我div不仅在悬停时可见，而且在它包含找到的文本时也可见？或者指定找到的文本的样式，包括应该可见的样式？

我查看了其他CSS 伪类，但没有一个符合我的目的。我还尝试使用伪元素::target-text作为找到的文本的替代方案。

我必须通过 JavaScript 执行此操作吗？