样式化选定的文本 .CodeMirror-selected

Styling selected text .CodeMirror-selected

为什么我选择文字时会出现重叠? 如何解决这个问题?在style.scss

.CodeMirror-selected {
  background: rgba($color-text,.3);
}
.CodeMirror-focused .CodeMirror-selected {
  background: rgba($color-text,.3);
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: transparent;
  color: $color-text;
}

当我设置背景时:$color-text;叠加层不可见,但我需要透明度。

我简单地使用颜色#373330,并解决了我的问题。