如何更改所选文本的颜色？

Question

我需要使用codemirror更改所选文本的背景颜色。 有人可以帮忙吗？

Answer 1

更改.CodeMirror-selected {}的背景颜色，该类位于codemirror.css

.CodeMirror-selected {background:#CCCCCC;}

Answer 2

上面的答案缺少必要的！重要的 - 你需要：

.CodeMirror-selected {background：#CCCCCC！important;}

如果您还需要更改选择前景色，CodeMirror只有一个演示 - https://codemirror.net/demo/markselection.html

Answer 3

我认为这是一个CSS问题。请参阅以下文章：

Overriding the Default Text Selection Color with CSS

Answer 4

我能够通过覆盖特定于CodeMirror主题的突出显示颜色来解决这个问题：

/** OVERRIDE SELECTED TEXT HIGHLIGHT COLOR FOR THEMES: **/

    /* isotope theme */
    .cm-s-isotope div.CodeMirror-selected {
        background: #0004FF !important;
    }
    /* colorforth theme */
    .cm-s-colorforth div.CodeMirror-selected {
        background: #0004FF !important;
    }
    /* 3024-night theme */
    .cm-s-3024-night div.CodeMirror-selected {
        background: #0004FF !important;
    }

/** - - - - - **/

此解决方案适用于CodeMirror的AngularJS版本。

Answer 5

您需要导入mark-selection添加并设置自定义背景颜色。

1. import'codemirror / addon / selection / mark-selection';
2. 如果您需要将背景颜色重置为默认浏览器行为，请将其添加到您的样式background-color: highlight;