1

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

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;
}
4

1 回答 1

1

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

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

于 2013-07-04T16:04:15.660 回答