html - 将文本突出显示限制在 block

Question

这一定是重复的，但我似乎找不到合适的关键字来搜索。如何将文本突出显示(通过光标)限制到特定的 html 元素？例如，我有一个 <pre></pre>使用 prettyprint 标记的 block .具体来说，我的突出显示会像这样溢出元素:

高亮选择应该坚持感兴趣的元素(选择开始的元素)。这在 firefox 中不是问题，但在 safari 和 chrome 中是这样。奇怪的是，尽管目前在 chrome 中工作，但 stackoverflow 预览似乎具有此功能，所以它必须是可能的。我无法通过挖掘他们的 CSS 找到正确的修复方法。

有什么想法吗？

Answer 1

只是相对定位元素。

Example Here - 尝试在删除 position:relative 后突出显示文本。

pre {
    position:relative; /* Add this.. */
    background:rgb(216, 216, 216);
    word-break:break-word;
    margin:10px 50px;
}