Html 将文本突出显示限制为<；预处理>；块

这一定是重复的，但我似乎找不到合适的关键字来搜索。如何将文本突出显示（通过光标）限制到特定的html元素？例如，我有一个

块，使用标记。具体来说，我的高光会像这样溢出元素：

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

突出显示的选择应粘贴到感兴趣的元素（选择开始的元素）。这在firefox中不是问题，但在safari和chrome中是问题。奇怪的是，stackoverflow预览似乎有这个功能，尽管目前在chrome中工作，所以它一定是可能的。我无法通过挖掘他们的CSS找到正确的修复方法

---

有什么想法吗？

只是相对定位元素

-删除

位置：相对后，尝试突出显示文本