2013-07-02 5 views
1

내가 의해 codemirror을 생성 (DIV 배경색이 텍스트 영역에 표시되지 않습니다) 작동하지 않습니다 내가 텍스트를 선택하려고 할 때 그러나codemirror 선택한 텍스트 CSS를

editor = CodeMirror.fromTextArea(document.getElementById("code"), { 
     lineNumbers: true, 
     readOnly: false, 
     theme: 'ambiance', 
     mode: mode(lang), 
     lineWrapping: true, 
    }); 

, 선택한 텍스트가 강조되지 않았다 . 난 추가 : 그것은 여전히 ​​작동하지 않습니다 그러나

.CodeMirror-selected { background: red !important; } 

가 ... 누군가가 나에게 약간의 힌트/제안을주지하시기 바랍니다 수 있습니까? 감사합니다. :)

편집 : 나는 그것이 다음과 같은 CSS를 제거하여, 작동하는 방법을 발견

은 .. 내가 왜하지만 여전히 혼란 스러워요. 기본적으로 페이지 position: relative의 모든 사업부를 만듦으로써

div{ 
    position:relative; 
    overflow:hidden; 
} 
+0

".CodeMirror-selected {background : red! important;}"를 어디에 추가 했습니까? – aljordan82

+0

편집기 내용을 업데이트하고 있습니다 (예 :'cm.setValue()')? –

+0

codemirror.css에 넣습니다 ... – Frost

답변

1

, 당신은 원치 않는 부작용을 일으킬 것입니다. 이 경우, 그것은 아마도 z- 인덱스 순서를 엉망으로 만들었고 따라서 배경 위에 선택을 그리는 데 사용 된 div를 막았습니다.

페이지에서 CodeMirror와 같은 위젯을 사용하고 싶다면 블랭킷 규칙을 사용하지 마십시오.

관련 문제