我通过以下方式创建了 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;
}
最佳答案
默认情况下,将页面中的每个 div 设置为 position:relative
会导致不必要的副作用。在这种情况下,它可能会打乱 z-index 顺序,从而阻止用于在背景顶部绘制选区的 div。
如果您希望能够在页面上使用 CodeMirror 等小部件,请不要使用这样的一揽子规则。
关于javascript - codemirror 选定的文本 css 不起作用(div 背景颜色不显示在文本区域中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17419186/