Ctrl + f在div内的滚动条上不显示黄色高光

时间:2018-07-29 08:47:15

标签: html google-chrome browser overflow

missing yellow on scrollbar highlights

我已经看到它可以处理iframe中的内容,但是据我所知,无法定义iframe内联(例如,无效的<iframe><p>content</p></iframe>)。我不能使用iframe,因为它破坏了组件之间的通信。


完整示例:

运行代码,然后在页面上搜索“ lorem”,内部滚动条没有指示器突出显示。

.scrollbar {
  overflow: auto;
  height: 200px;
  border: 1px solid black;
}
body {
  font-size: 2em;
  line-height: 2em;
}
<p class="scrollbar">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id finibus justo. Cras est magna, consequat in lorem et, condimentum
  sodales ante. Aliquam ex augue, malesuada at blandit quis, congue non mi. In in congue mauris, at placerat felis. Nam rhoncus
  tellus odio, sed rutrum metus scelerisque vitae. Curabitur erat arcu, fermentum dictum dui id, semper porta nunc. Curabitur
  maximus justo odio, sit amet dictum tellus bibendum gravida. Donec iaculis dictum enim, id rhoncus sapien sodales vel.
  Ut aliquet consequat iaculis. Aliquam dapibus consectetur tortor, at eleifend augue. Pellentesque lectus lacus, varius
  ut gravida eget, euismod mollis ligula. Aliquam pretium, felis sed ullamcorper consequat, diam tellus mattis sem, sit amet
  eleifend diam nunc in lectus.
</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id finibus justo. Cras est magna, consequat in lorem et, condimentum
sodales ante. Aliquam ex augue, malesuada at blandit quis, congue non mi. In in congue mauris, at placerat felis. Nam rhoncus
tellus odio, sed rutrum metus scelerisque vitae. Curabitur erat arcu, fermentum dictum dui id, semper porta nunc. Curabitur
maximus justo odio, sit amet dictum tellus bibendum gravida. Donec iaculis dictum enim, id rhoncus sapien sodales vel. Ut
aliquet consequat iaculis. Aliquam dapibus consectetur tortor, at eleifend augue. Pellentesque lectus lacus, varius ut gravida
eget, euismod mollis ligula. Aliquam pretium, felis sed ullamcorper consequat, diam tellus mattis sem, sit amet eleifend
diam nunc in lectus. Proin ornare ligula enim, ac tincidunt magna mollis nec. Nulla tincidunt purus ut lacus convallis, eget
feugiat nulla feugiat. Praesent eleifend neque nibh, in molestie purus tincidunt non. Nulla facilisi. Nullam lacinia ultricies

0 个答案:

没有答案