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

通過在默認情況使每格在position: relative的頁面，你會引起不必要的副作用。在這種情況下，它可能會搞亂z-index排序，從而阻止用於繪製選擇的div位於背景之上。

只要不要使用這樣的一攬子規則，如果你想能夠在你的頁面上使用像CodeMirror這樣的小部件。