8

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

4

5 回答 5

11

上面的答案缺少必要的!important。你需要：

.CodeMirror-selected {background-color: #CCCCCC !important;}

如果您还需要更改选择前景色，CodeMirror 有插件mark-selection.js来实现。

于 2016-09-07T07:55:29.920 回答
9

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

.CodeMirror-selected {background:#CCCCCC;}
于 2012-12-06T14:46:04.747 回答
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;
    }

/** - - - - - **/

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

于 2018-03-14T12:59:11.183 回答
1

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

  1. 导入'codemirror/addon/selection/mark-selection'；
  2. 如果您需要将背景颜色重置为默认浏览器行为，请将其添加到您的样式中background-color: highlight;
于 2018-05-15T22:43:23.037 回答
-1

我相信这是一个 CSS 问题。请参考以下文章：

使用 CSS 覆盖默认文本选择颜色

于 2012-09-09T13:59:34.340 回答