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;
    }

/** - - - - - **/

このソリューションは、CodeMirror の AngularJS バージョンに適用されます。

于 2018-03-14T12:59:11.183 に答える
-1

これはCSSの問題だと思います。次の記事を参照してください。

CSS でデフォルトのテキスト選択色をオーバーライドする

于 2012-09-09T13:59:34.340 に答える