将文字突出显示限制为<pre> block</pre>

Question

这必须是重复的，但我似乎无法找到要搜索的正确关键字。如何将文本突出显示（通过光标）限制为特定的html元素？例如，我使用prettyprint标记了<pre></pre>块。具体来说，我的亮点就是如下所示：

yoyoyo http://i62.tinypic.com/20gjo9l.png

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

有什么想法吗？

Answer 1

只需相对定位元素。

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

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