javascript - 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

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

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