javascript - codemirror 选定的文本 css 不起作用(div 背景颜色不显示在文本区域中)

Question

我通过以下方式创建了 codemirror:

editor = CodeMirror.fromTextArea(document.getElementById("code"), {
      lineNumbers: true,
      readOnly: false,
      theme: 'ambiance',
      mode: mode(lang),
      lineWrapping: true,
    });

但是，当我尝试选择文本时，所选文本并未突出显示。我什至补充道:

.CodeMirror-selected { background: red !important; }

但是它仍然不起作用...有人可以给我一些提示/建议吗？谢谢你!! :)

编辑:

我找到了如何通过删除以下 css 来使其工作。但我仍然很困惑为什么。

div{
  position:relative;
  overflow:hidden;
}

Answer 1

默认情况下，将页面中的每个 div 设置为 position:relative 会导致不必要的副作用。在这种情况下，它可能会打乱 z-index 顺序，从而阻止用于在背景顶部绘制选区的 div。

如果您希望能够在页面上使用 CodeMirror 等小部件，请不要使用这样的一揽子规则。