html - 将突出显示的文本限制在<pre>块中

这必须是重复的，但我似乎找不到合适的关键词来搜索。如何将文本突出显示（通过光标）限制到特定的html元素？例如，我有一个使用prettyprint标记的<pre></pre>块。具体来说，我的重点突出了这样的元素：




突出显示选择应坚持关注元素的位置（选择开始处的元素）。在Firefox中这不是问题，但在Safari和Chrome中却是问题。奇怪的是，尽管目前在chrome中工作，但stackoverflow预览似乎具有此功能，因此必须可行。我无法通过浏览他们的CSS找到正确的解决方案。

有任何想法吗？

最佳答案

只是相对定位元素。

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

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

关于html - 将突出显示的文本限制在<pre>块中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23447310/