codemirror选中的文本css不起作用（div背景颜色不显示在文本区域）

Question

我通过以下方式创建了代码镜像：

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

默认情况下，通过在页面position: relative中创建每个div，您将导致不必要的副作用。在这种情况下，它可能搞砸了z-index排序，从而阻止了用于绘制选择的div在背景之上。

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