如何更改所選文本的顏色？

Question

我需要使用 codemirror 更改所選文本的背景顏色。 任何人都可以幫忙嗎？

Answer 1

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

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

如果您還需要更改選擇前景色，CodeMirror 有mark-selection.js插件來實現這一點。

Answer 2

更改 .CodeMirror-selected {} 的背景顏色，該類位於 codemirror.css

.CodeMirror-selected {background:#CCCCCC;}

Answer 3

我能夠通過覆蓋特定於 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 4

您需要導入mark-selection添加並設置自定義背景顏色。

1. 導入 'codemirror/addon/selection/mark-selection';
2. 如果您需要將背景顏色重置為默認瀏覽器行為，請將其添加到您的樣式background-color: highlight;

Answer 5

我相信這是一個 CSS 問題。 請參考以下文章：

使用 CSS 覆蓋默認文本選擇顏色